@charset "utf-8";

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td,
figure {
    margin: 0;
    padding: 0
}

fieldset,
img {
    border: 0
}

:focus {
    outline: 0
}

address,
caption,
cite,
code,
dfn,
em,
th,
var,
optgroup {
    font-style: normal;
    font-weight: normal
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal
}

abbr,
acronym {
    border: 0;
    font-variant: normal
}

input,
button,
textarea,
select,
optgroup,
option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit
}

code,
kbd,
samp,
tt {
    font-size: 100%
}

input,
button,
textarea,
select {
    font-size: 100%
}

body {
    line-height: 1.5
}

ol,
ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,
th {
    text-align: left
}

sup,
sub {
    font-size: 100%;
    vertical-align: baseline
}

:link,
:visited,
ins {
    text-decoration: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

.clearfix {
    margin-right: auto;
    margin-left: auto;
    zoom: 1
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0
}

.clearfix:after {
    clear: both
}

b,
em,
i {
    font-style: normal;
}

html,
body {
    width: 100%;
}

a {
    color: #333;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    margin: 0;
    /* font-family: "Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif; */
    font-size: 12px;
    line-height: 1.5;
    position: relative;
    color: #333;
    background: #fff;
    height: 100%;
}

button,
input,
select,
textarea,
th {
    background: #fff;
    font-size: 12px;
    line-height: 1;
    /* font-family: "Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun"; */
}

input[type="submit"],
input[type="reset"],
input[type="password"],
input[type="button"],
input[type="text"],
button {
    appearance: none;
    -webkit-appearance: none;
}

/*取消苹果渲染*/
* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

html {
    font-size: 100px;
}

body {
    font-size: .24rem;
}

.h10 {
    width: 100%;
    height: .1rem;
    background-color: #f6f7f9
}

.bg {
    background: #fff;
}

.flex_grow {
    -moz-flex-grow: 1;
    flex-grow: 1;
}

.wrap {
    width: 100%;
    max-width: 7.5rem;
    min-width: 3.2rem;
    margin: 0 auto;
    overflow: hidden;
}

.hide {
    display: none;
}

.hidden {
    display: none !important;
}

.auto {
    height: auto !important;
}

.hidden {
    max-height: 12rem;
    overflow: hidden;
}

.icon {
    background-image: url(../images/icon.png);
    background-size: 8rem 8rem;
}

ul::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    -webkit-appearance: none;
    border-radius: 0
}

/* header */
header {
    height: 0.9rem;
    width: 100%;
    background: #ffffff;
    position: relative;
    display: flex;
    align-items: center;
}

header .bg {
    width: 1.29rem;
    height: 0.71rem;
    position: absolute;
    top: 0;
    left: 0;
    background-position: 0 -1.77rem;
}

header .logo {
    width: 1.94rem;
    height: 0.7rem;
    float: left;
    margin: 0rem 0rem 0 0.2rem;
    position: relative;
    z-index: 1;
    background-image: url(../images/logo.png);
    background-size: 1.97rem 0.7rem;
}

header .search {
    float: left;
    width: 3.9rem;
    height: 0.6rem;
    line-height: 0.6rem;
    background: #f2f2f2;
    border-radius: 0.3rem;
    margin-top: 0.24rem;
}

header .search .fdj {
    width: 0.35rem;
    height: 0.35rem;
    float: left;
    background-position: -2.364rem -0.06rem;
    margin: 0.13rem 0.13rem 0 0.2rem;
}

header .menu {
    width: 0.33rem;
    height: 0.29rem;
    float: right;
    background-position: -2.91rem -0.08rem;
    margin: 0.39rem 0.31rem 0 0;
}

/* nav */
nav {
    position: relative;
    background: #fff;
}

nav ul {
    display: flex;
    overflow-x: auto;
    width: 100%;
}

nav ul li a {
    display: block;
    position: relative;
    height: 0.85rem;
    line-height: 0.85rem;
    font-size: 0.32rem;
    color: #666666;
    white-space: nowrap;
    padding: 0 0.1rem;
    margin: 0 0.22rem 0.04rem;
}

nav ul li:first-child a {
    margin-left: 0.35rem;
}

nav ul li a.current {
    color: #00AAD5;
    font-weight: bold;
    font-size: 0.32rem;
}

nav ul li a i {
    display: none;
    position: absolute;
    width: 0.3rem;
    height: 0.3rem;
    background-position: -3.41rem -0.09rem;
    left: 0;
    bottom: 0.2rem;
    z-index: -1;
}

nav ul li a.current i {
    display: block;
}

nav .navLinear {
    position: absolute;
    height: 0.87rem;
    width: 0.36rem;
    top: 0;
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, .6), #fff);
    ;
}

.navShadow {
    z-index: 1;
}

/* location */
.location {
    height: 0.72rem;
    background-color: #f6f7fa;
    border-bottom: 1px solid #dfe2e6;
    border-top: 1px solid #dfe2e6;
    border-bottom: 1px solid #dfe2e6;
}

.location>span {
    display: block;
    float: left;
    min-width: 0.84rem;
    line-height: 0.72rem;
    height: 0.72rem;
    text-align: center;
    font-size: 0.22rem;
    color: #666666;
    position: relative;
}

.location>span:nth-child(1) {
    background-color: #ffffff;
    width: 1.2rem;
}

.location>span:nth-child(1) a {
    display: block;
    color: #666666;
}

.location>span:nth-child(1) .home {
    width: 0.24rem;
    height: 0.24rem;
    background-position: -5.25rem -1.06rem;
    top: 0.24rem;
    left: 0.29rem;
    display: inline-block;
    margin-right: 0.1rem;
}

.location>span:nth-child(1) i {
    height: 0.74rem;
    width: 0.29rem;
    position: absolute;
    top: 0;
    right: -0.29rem;
    z-index: 1;
    background-position: -4.16rem -0.56rem;
}

.location>span:nth-child(2) {
    background-color: #fbfbfb;
    margin-right: 0.53rem;
    min-width: 1.12rem;
    text-indent: 0.28rem;
}

.location>span:nth-child(2) a {
    display: block;
    color: #666666;
    padding: 0 0.14rem 0 0.24rem;
}

.location>span:nth-child(2) i {
    height: 0.74rem;
    width: 0.3rem;
    position: absolute;
    top: 0;
    right: -0.3rem;
    background-position: -4.66rem -0.56rem;
}

.location>span:nth-child(3) {
    max-width: 4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* page */
.pagecode {
    display: flex;
    justify-content: space-between;
    padding: .38rem .3rem .44rem .3rem;
    border-bottom: 0.1rem solid #f6f7fa;
}

.pagecode a {
    width: .58rem;
    height: .58rem;
    color: #94979b;
    font-size: .26rem;
    line-height: .58rem;
    text-align: center;
    border-radius: .06rem;
    background: #f6f7fa;
}

.pagecode a:nth-child(1) {
    width: 1rem;
}

.pagecode a:nth-last-child(1) {
    width: 1rem;
}

.pagecode .current {
    background: #5ec0d9;
    color: #fff;
}

.pagecode .left {
    width: .14rem;
    height: .24rem;
    background-position: -5.69rem -0.08rem;
    display: inline-block;
    position: relative;
    top: .02rem;
}

.pagecode .right {
    width: .14rem;
    height: .24rem;
    background-position: -5.69rem -0.08rem;
    display: inline-block;
    position: relative;
    top: .02rem;
    transform: rotate(180deg);
}

/* footer */
footer {
    padding: 0.4rem 0 0.34rem 0;
    min-height: 1.4rem;
    background: #1d1d1d;
    width: 100%;
    max-width: 7.5rem;
    min-width: 3.2rem;
    margin: 0 auto;
    position: relative;
}

footer a.logoBottom {
    display: block;
    width: 1.9rem;
    height: 0.7rem;
    margin: 0 auto 0.18rem;
    background-image: url(../images/logo.png);
    background-size: 1.97rem 0.7rem;
}

footer p {
    text-align: center;
    line-height: 0.48rem;
    color: #aaa;
    font-size: 0.24rem;
    margin: auto;
}

footer p a {
    color: #666666;
}

/* 应用列表 */
.appListContent_1 {
    width: 100%;
    height: 1.87rem;
    text-align: center;
    overflow: hidden;
}

.appListContent_1 p:nth-child(1) {
    margin-top: 0.48rem;
    height: 0.53rem;
    line-height: 0.53rem;
    font-size: 0.42rem;
    color: #fff;
    font-weight: bold;
}

.appListContent_1 p:nth-child(2) {
    height: 0.32rem;
    line-height: 0.32rem;
    font-size: 0.22rem;
    color: #fff;
}

.appListContent_2 {
    width: 100%;
    height: 3.86rem;
    background: url(../images/appbg2.jpg) no-repeat center;
    background-size: cover;
}

.appListContent_2 .tlt {
    text-indent: 1.08rem;
    height: 0.87rem;
    line-height: 0.87rem;
    font-size: 0.36rem;
    color: #8c5200;
    position: relative;
}

.appListContent_2 .tlt i {
    position: absolute;
    left: 0.3rem;
    top: 0;
    width: 0.6rem;
    height: 0.9rem;
    background-position: -2.22rem -0.55rem;
}

.appListContent_2 ul li {
    float: left;
}

.appListContent_2 ul li>a:nth-child(1) {
    display: block;
    width: 1.67rem;
    padding-top: 0.2rem;
    margin: 0 0.1rem;
    text-align: center;
}

.appListContent_2 ul li>a:nth-child(1) img {
    display: block;
    width: 1.28rem;
    height: 1.28rem;
    border-radius: 0.28rem;
    margin: 0 auto;
}

.appListContent_2 ul li>a:nth-child(1) p {
    height: 0.55rem;
    line-height: 0.55rem;
    color: #333333;
    font-size: 0.24rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.appListContent_2 ul li>a:nth-child(1) span {
    display: block;
    width: 1.2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    background: #fff;
    color: #5ec0d9;
    border: 1px solid #5ec0d9;
    border-radius: 0.3rem;
    margin: 0 auto;
    font-size: 0.22rem;
}

.appListContent_2 ul li.look>a:nth-child(1) span {
    background: #fe9f41;
}

.appListContent_2 ul li>a:nth-child(2),
.appListContent_2 ul li>span:nth-child(2) {
    display: block;
    background: #5ec0d9;
    width: 1.2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    border-radius: 0.24rem;
    margin: 0 auto;
    font-size: 0.22rem;
    color: #fff;
    text-align: center;
}

.appListContent_2 ul li.look>a:nth-child(2),
.appListContent_2 ul li.look>span:nth-child(2) {
    background: #fe9f41;
}

.appListContent_2 ul {
    display: flex;
    overflow: auto;
}

.appListContent_2 ul li a span i {
    display: inline-block;
    width: 0.18rem;
    height: 0.2rem;
    background-position: -6.34rem -0.08rem;
    vertical-align: top;
    margin: 0.14rem 0.08rem 0 0;
}

.appListContent_3 {
    width: 100%;
    /* height: 4.33rem; */
    background: url(../images/appbg3.jpg) no-repeat center;
    background-size: cover;
}

.appListContent_3 .tlt {
    height: 0.95rem;
    line-height: 0.95rem;
    color: #333;
    font-size: 0.36rem;
    font-weight: bold;
    padding: 0.07rem 0 0 0.6rem;
    position: relative;
}

.appListContent_3 .tlt em {
    color: #00AAD5;
}

.appListContent_3 ul {
    overflow: hidden;
    padding: 0 0 0.17rem 0.2rem;
}

.appListContent_3 ul li {
    float: left;
}

.appListContent_3 ul li a {
    display: block;
    width: 1.43rem;
    height: 0.5rem;
    border-radius: 0.14rem;
    background: #fff;
    padding: 0.12rem 0 0 0.21rem;
    margin: 0 0 0.15rem 0.1rem;
    font-size: 0.24rem;
    color: #333333;
    font-weight: bold;
}

.appListContent_3.game ul li a em {
    color: #00AAD5;
    margin-right: 0.03rem;
}

.appListContent_3.game ul li a.current em {
    color: #fff;
}

.appListContent_3 ul li a p:nth-child(1) {
    height: 0.38rem;
    line-height: 0.38rem;
    font-size: 0.24rem;
    color: #333333;
    font-weight: bold;
}

.appListContent_3 ul li a p:nth-child(1) em {
    color: #00cccc;
    margin-right: 0.03rem;
}

.appListContent_3.game ul li a p:nth-child(1) em {
    color: #00AAD5;
}

.appListContent_3 ul li a p:nth-child(2) {
    height: 0.29rem;
    line-height: 0.29rem;
    font-size: 0.18rem;
    color: #999999;
}

.appListContent_3 ul li a.current {
    color: #fff;
    background-image: url("../images/icon.png");
    background-size: 8rem 8rem;
    background-position: -1.66rem -1.73rem;
}

.appListContent_3.game ul li a.current {
    background-position: -5.19rem -4.75rem;
}

.appListContent_3 ul li a.current p {
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
}

.appListContent_3 ul li a.current p em,
.appListContent_3.game ul li a.current p em {
    color: #fff;
}

.appListContent_4 .tabBar {
    height: 1.02rem;
    line-height: 1.02rem;
    background: #f6f7fa;
    border-top: 1px solid #dcd9d5;
    border-bottom: 1px solid #dcd9d5;
    font-size: 0.3rem;
    color: #242424;
    font-weight: bold;
    display: flex;
    justify-content: center;
    margin-bottom: 0.1rem;
}

.appListContent_4 .tabBar div {
    width: 1.86rem;
    text-align: center;
}

.appListContent_4 .tabBar div i {
    display: inline-block;
    width: 0.32rem;
    height: 0.32rem;
    vertical-align: top;
    margin: 0.36rem 0.1rem 0 0;
    background-position: -3.18rem -5.05rem;
}

.appListContent_4 .tabBar div:nth-child(2) i {
    background-position: -4.71rem -0.08rem;
}

.appListContent_4 .tabBar div.current {
    color: #00AAD5;
}

.appListContent_4 .tabBar div.current i {
    background-position: -3.88rem -0.06rem;
}

.appListContent_4 .tabBar div:nth-child(2).current i {
    background-position: -4.6rem -5.02rem;
}

.appListContent_4 ul li a {
    display: block;
    height: 1.56rem;
    border-bottom: 1px solid #ececec;
    padding: 0.32rem 0.32rem 0;
}

.appListContent_4 ul li a img {
    float: left;
    width: 1.28rem;
    height: 1.28rem;
    border-radius: 0.28rem;
    margin-right: 0.32rem;
}

.appListContent_4 ul li a div:nth-child(2) {
    float: left;
    width: 3.7rem;
    white-space: nowrap;
    overflow: hidden;
}

.appListContent_4 ul li a div:nth-child(2) p:nth-child(1) {
    line-height: 0.55rem;
    color: #333333;
    font-size: 0.3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.appListContent_4 ul li a div:nth-child(2) p:nth-child(2) {
    line-height: 0.37rem;
    color: #b1b1b1;
    font-size: 0.22rem;
}

.appListContent_4 ul li a div:nth-child(2) p:nth-child(2) em {
    color: #5ec0d9;
}

.appListContent_4 ul li a div:nth-child(2) p:nth-child(3) {
    line-height: 0.32rem;
    color: #666666;
    font-size: 0.22rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.appListContent_4 ul li a span:nth-child(3) {
    float: right;
    width: 1.2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    border-radius: 0.3rem;
    border: 1px solid #5ec0d9;
    background: #fff;
    text-align: center;
    font-size: 0.24rem;
    color: #5ec0d9;
    margin-top: 0.36rem;
}

.appListContent_4 ul li.look a span:nth-child(3) {
    background: #fe9f41;
}

/* 专题合辑 */
.ztContent_1,
.zxContent_1 {
    width: 100%;
    height: 1.87rem;
    text-align: center;
    overflow: hidden;
}

.ztContent_1 p:nth-child(1),
.zxContent_1 p:nth-child(1) {
    margin-top: 0.48rem;
    height: 0.53rem;
    line-height: 0.53rem;
    font-size: 0.42rem;
    color: #fff;
    font-weight: bold;
}

.ztContent_1 p:nth-child(2),
.zxContent_1 p:nth-child(2) {
    height: 0.32rem;
    line-height: 0.32rem;
    font-size: 0.22rem;
    color: #fff;
}

.ztContent_2 {
    width: 6.9rem;
    margin: 0 auto;
    box-shadow: 0 0.04rem 0.08rem 0 rgba(197, 197, 197, .5);
    position: relative;
    background: #fff;
    border-radius: 0.24rem;
    top: -0.35rem;
}

.ztContent_2>img {
    display: block;
    width: 100%;
    height: 3.88rem;
    border-radius: 0.24rem 0.24rem 0 0;
}

.ztContent_2 .hot {
    position: absolute;
    left: 0.2rem;
    top: 0;
    width: 0.6rem;
    height: 0.9rem;
    background-position: -2.22rem -0.55rem;
}

.ztContent_2 .line {
    display: flex;
    height: 0.05rem;
    width: 100%;
}

.ztContent_2 .line span {
    flex: 1;
    background: #7e48ec;
}

.ztContent_2 .line span:nth-child(2) {
    background: #ff3a4b;
}

.ztContent_2 .msg {
    margin-top: 0.13rem;
    height: 0.47rem;
    line-height: 0.47rem;
    font-size: 0.26rem;
    color: #242424;
    font-weight: bold;
}

.ztContent_2 .msg p {
    float: left;
    max-width: 5rem;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 0.2rem;
}

.ztContent_2 .msg span {
    float: left;
    height: 0.28rem;
    line-height: 0.28rem;
    border: 0.01rem solid #ff9200;
    border-radius: 0.06rem;
    padding: 0 0.1rem;
    color: #ff9200;
    font-size: 0.18rem;
    margin: 0.08rem 0 0 0.12rem;
}

.ztContent_2 .txt {
    height: 0.36rem;
    line-height: 0.36rem;
    font-size: 0.18rem;
    color: #999999;
    margin-left: 0.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ztContent_2 ul {
    display: flex;
    width: 6.66rem;
    overflow: auto;
    padding: 0.14rem 0.12rem 0.32rem;
}

.ztContent_2 ul li a img {
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 0.28rem;
    margin-right: 0.14rem;
}

.ztContent_3 .tabBar {
    height: 1.5rem;
    background: #f9f7fa;
    display: flex;
    align-items: center;
}

.ztContent_3 .tabBar div {
    width: 1.64rem;
    height: 0.9rem;
    line-height: 0.9rem;
    border-radius: 0.16rem;
    background: #fff;
    text-align: center;
    font-size: 0.28rem;
    color: #333333;
    font-weight: bold;
    margin-left: 0.11rem;
}

.ztContent_3 .tabBar div:nth-child(1) {
    margin-left: 0.3rem;
}

.ztContent_3 .tabBar div.current {
    color: #fff;
    background: linear-gradient(to right bottom, #fc037b, #e50418);
    box-shadow: 0 0.1rem 0.25rem 0 rgba(227, 4, 15, .2);
}

.ztContent_3 #os_options_7>ul>li>a {
    display: block;
    height: 1.45rem;
    padding: 0.34rem 0 0.22rem 0;
    margin: 0 0.3rem;
    border-bottom: 1px solid #e7e7e7;
}

.ztContent_3 #os_options_7>ul>li>a div:nth-child(1) {
    float: left;
    width: 2.56rem;
    height: 1.41rem;
    border-radius: 0.08rem;
    border: 0.02rem solid #00AAD5;
    margin-right: 0.3rem;
    position: relative;
    box-shadow: 0 0.04rem 0.21rem 0 rgba(197, 197, 197, 1);
}

.ztContent_3 #os_options_7>ul>li>a div:nth-child(1) img {
    display: block;
    width: 2.56rem;
    height: 1.41rem;
    border-radius: 0.08rem;
}

.ztContent_3 #os_options_7>ul>li>a div:nth-child(2) {
    float: left;
    width: 3.98rem;
}

.ztContent_3 #os_options_7>ul>li>a div:nth-child(2) p:nth-child(1) {
    height: 0.4rem;
    line-height: 0.4rem;
    color: #333333;
    font-size: 0.26rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ztContent_3 #os_options_7>ul>li>a div:nth-child(2) p:nth-child(2) {
    height: 0.34rem;
    line-height: 0.34rem;
    color: #5ec0d9;
}

.ztContent_3 #os_options_7>ul>li>a div:nth-child(2) p:nth-child(2) i {
    display: inline-block;
    vertical-align: top;
    width: 0.2rem;
    height: 0.2rem;
    background-position: -7rem -0.1rem;
    margin: 0.08rem 0.08rem 0 0;
}

.ztContent_3 #os_options_7>ul>li>a div:nth-child(2) p:nth-child(3) {
    line-height: 0.29rem;
    font-size: 0.18rem;
    color: #999999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.ztContent_3 #os_options_7>ul>li ul {
    display: flex;
    overflow: auto;
    padding: 0.21rem 0 0.29rem 0.31rem;
    border-bottom: 0.1rem solid #f6f7fa;
}

.ztContent_3 #os_options_7>ul>li ul li a img {
    display: block;
    width: 0.88rem;
    height: 0.88rem;
    border-radius: 0.18rem;
    margin-right: 0.3rem;
}

.ztContent_3 #os_options_7>ul>li ul li:last-child a {
    display: block;
    width: 0.86rem;
    height: 0.86rem;
    line-height: 0.86rem;
    border: 1px dashed #fe9f40;
    background: #fbf1ed;
    text-align: center;
    border-radius: 0.18rem;
    font-size: 0.26rem;
    color: #fe9f41;
    white-space: nowrap;
    overflow: hidden;
}

/* 资讯列表 */
.zxContent_2 {
    width: 6.9rem;
    margin: 0 auto;
    box-shadow: 0 0.04rem 0.08rem 0 rgba(197, 197, 197, .5);
    position: relative;
    background: #fff;
    border-radius: 0.24rem;
    top: -0.35rem;
}

.zxContent_2 img {
    display: block;
    width: 100%;
    height: 2.83rem;
    border-radius: 0.24rem;
}

.zxContent_2 .activity {
    position: absolute;
    width: 0.88rem;
    height: 0.88rem;
    left: -0.022rem;
    top: -0.02rem;
    background-position: -3.08rem -0.55rem;
}

.zxContent_2 .activity i {
    position: absolute;
    width: 0.88rem;
    height: 0.88rem;
    left: 0;
    top: 0;
    background-position: -3.08rem -0.55rem;
}

.zxContent_2 .activity p {
    height: 0.88rem;
    line-height: 0.88rem;
    font-size: 0.24rem;
    color: #a7723a;
    position: relative;
    z-index: 1;
    transform: rotate(314deg);
    top: -0.28rem;
}

.zxContent_2 .txt {
    position: absolute;
    width: 5.84rem;
    bottom: 0;
    height: 0.67rem;
    line-height: 0.67rem;
    color: #ffffff;
    font-size: 0.24rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 0.6rem;
}

.zxContent_3 .tabBar {
    height: 1.5rem;
    background: #f9f7fa;
    display: flex;
    align-items: center;
}

.zxContent_3 .tabBar div {
    width: 1.64rem;
    height: 0.9rem;
    line-height: 0.9rem;
    border-radius: 0.16rem;
    background: #fff;
    text-align: center;
    font-size: 0.28rem;
    color: #333333;
    font-weight: bold;
    margin-left: 0.11rem;
}

.zxContent_3 .tabBar div:nth-child(1) {
    margin-left: 0.3rem;
}

.zxContent_3 .tabBar div.current {
    color: #fff;
    background: linear-gradient(to right bottom, #fc037b, #e50418);
    box-shadow: 0 0.1rem 0.25rem 0 rgba(227, 4, 15, .2);
}

.zxContent_3 ul {
    margin-top: 0.05rem;
}

.zxContent_3 ul li a {
    display: block;
    overflow: hidden;
    padding: 0.26rem 0 0.17rem 0.29rem;
    border-bottom: 1px solid #e7e7e7;
}

.zxContent_3 ul li a img {
    float: left;
    width: 2.17rem;
    height: 1.44rem;
    border-radius: 0.08rem;
    margin-right: 0.38rem;
}

.zxContent_3 ul li a .cont {
    float: left;
    width: 4.28rem;
}

.zxContent_3 ul li a .cont p:nth-child(1) {
    height: 0.96rem;
    line-height: 0.48rem;
    font-size: 0.3rem;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.zxContent_3 ul li a .cont p:nth-child(2) {
    line-height: 0.57rem;
    color: #999999;
    font-size: 0.24rem;
    white-space: nowrap;
    overflow: hidden;
}

.zxContent_3 ul li a .cont p:nth-child(2) em {
    margin-left: 0.3rem;
}

.zxContent_3 ul li:nth-child(3n) a {
    padding: 0.22rem 0.32rem 0.15rem 0.29rem;
}

.zxContent_3 ul li a p:nth-child(1) {
    line-height: 0.48rem;
    font-size: 0.3rem;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.zxContent_3 ul li a div:nth-child(2) {
    margin: 0.14rem 0;
    overflow: hidden;
}

.zxContent_3 ul li a div:nth-child(2) img {
    float: left;
    width: 2.16rem;
    height: 1.44rem;
    border-radius: 0.08rem;
    margin-right: 0.19rem;
}

.zxContent_3 ul li a div:nth-child(2) img:last-child {
    margin-right: 0;
}

.zxContent_3 ul li a p:nth-child(3) {
    line-height: 0.42rem;
    color: #999999;
    font-size: 0.24rem;
    white-space: nowrap;
    overflow: hidden;
}

.zxContent_3 ul li a p:nth-child(3) em {
    margin-left: 0.3rem;
}

/* 专题合辑详情 */
.ztDetailContent_1 {
    width: 6.86rem;
    height: 3.09rem;
    margin: 0.29rem auto 0.19rem;
    border: 0.02rem solid #00AAD5;
    position: relative;
}

.ztDetailContent_1 img {
    display: block;
    width: 100%;
    height: 100%;
}

.ztDetailContent_1 h1 {
    position: absolute;
    background: linear-gradient(to top, #00000080, #0000);
    top: 0;
    left: 0;
    width: 6.68rem;
    padding-top: 2.41rem;
    padding-left: 0.18rem;
    height: 0.68rem;
    line-height: 0.68rem;
    font-size: 0.32rem;
    color: #fff;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ztDetailContent_1 .num {
    position: absolute;
    top: 0.16rem;
    right: -0.04rem;
    width: 1.258rem;
    height: 0.345rem;
    line-height: 0.34rem;
    color: #fff;
    font-size: 0.18rem;
    background-position: -5.2rem -0.58rem;
    text-align: center;
}

.ztDetailContent_1 .num i {
    display: inline-block;
    transform: scale(.8);
    margin-left: 0.04rem;
}

.ztDetailContent_2 {
    height: 2.38rem;
    background: url(../images/ztdetailbg2.jpg) no-repeat center;
    background-size: cover;
}

.ztDetailContent_2 .date {
    height: 0.38rem;
    line-height: 0.38rem;
    color: #5ec0d9;
    margin-left: 0.5rem;
}

.ztDetailContent_2 .date i {
    display: inline-block;
    vertical-align: top;
    width: 0.2rem;
    height: 0.2rem;
    background-position: -7rem -0.1rem;
    margin: 0.08rem 0.08rem 0 0;
}

.ztDetailContent_2 .desc {
    overflow: hidden;
    margin: 0.4rem 0.3rem 0 0.8rem;
}

.ztDetailContent_2 .desc .cover {
    float: left;
    width: 5.08rem;
    /* line-height: 0.46rem; */
    height: 1.2rem;
    color: #999999;
    font-size: 0.22rem;
    /* display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; */
    overflow-y: hidden;
}

.ztDetailContent_2 .desc .cover p {
    line-height: 0.46rem;
    position: relative;
}

.ztDetailContent_2 .desc .look {
    float: right;
    width: 1.12rem;
    height: 0.42rem;
    line-height: 0.42rem;
    border: 1px solid #5ec0d9;
    border-radius: 0.24rem;
    text-align: center;
    font-size: 0.24rem;
    color: #5ec0d9;
    margin-top: 0.3rem;
}

.ztDetailContent_3 {
    height: 3.66rem;
    position: relative;
}

.ztDetailContent_3 .hot {
    position: absolute;
    left: 0.2rem;
    top: 0;
    width: 0.6rem;
    height: 0.9rem;
    background-position: -2.22rem -0.55rem;
}

.ztDetailContent_3 .tlt {
    margin-left: 1.09rem;
    height: 0.87rem;
    line-height: 0.87rem;
    color: #8c5200;
    font-size: 0.36rem;
}

.ztDetailContent_3 ul {
    display: flex;
    overflow: auto;
    margin-top: 0.2rem;
}

.ztDetailContent_3 ul li a {
    display: block;
    width: 1.67rem;
    margin: 0 0.1rem;
}

.ztDetailContent_3 ul li a img {
    display: block;
    width: 1.28rem;
    height: 1.28rem;
    border-radius: 0.3rem;
    margin: 0 auto;
}

.ztDetailContent_3 ul li a p {
    height: 0.55rem;
    line-height: 0.55rem;
    color: #333333;
    font-size: 0.24rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
}

.ztDetailContent_3 ul li a span:nth-child(3) {
    display: block;
    width: 1.2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    border-radius: 0.24rem;
    text-align: center;
    background: #5ec0d9;
    color: #fff;
    font-size: 0.24rem;
    margin: auto;
    white-space: nowrap;
    overflow: hidden;
}

.ztDetailContent_3 ul li a span:nth-child(3) i {
    display: inline-block;
    width: 0.18rem;
    height: 0.2rem;
    background-position: -6.345rem -1.05rem;
    vertical-align: top;
    margin: 0.15rem 0.06rem 0 0;
}

.ztDetailContent_3 ul li a span:nth-child(3).order {
    background: #fe9f41;
}

.ztDetailContent_4 .tabBar {
    height: 1.02rem;
    line-height: 1.02rem;
    background: #f6f7fa;
    border-top: 0.01rem solid #e2e1e3;
    border-bottom: 1px solid #dcd9d5;
    font-size: 0.3rem;
    color: #242424;
    font-weight: bold;
    display: flex;
    justify-content: center;
    margin-bottom: 0.1rem;
}

.ztDetailContent_4 .tabBar div {
    width: 1.86rem;
    text-align: center;
}

.ztDetailContent_4 .tabBar div i {
    display: inline-block;
    width: 0.32rem;
    height: 0.32rem;
    vertical-align: top;
    margin: 0.36rem 0.1rem 0 0;
    background-position: -3.88rem -0.06rem;
}

.ztDetailContent_4 .tabBar div:nth-child(2) i {
    background-position: -4.7rem -0.08rem;
}

.ztDetailContent_4 .tabBar div.current {
    color: #00AAD5;
}

.ztDetailContent_4 .tabBar div.current i {
    background-position: -3.88rem -0.06rem;
}

.ztDetailContent_4 .tabBar div:nth-child(2).current i {
    background-position: -4.6rem -5.02rem;
}

.ztDetailContent_4 ul li {
    position: relative;
}

.ztDetailContent_4 ul li a {
    display: block;
    height: 1.56rem;
    border-bottom: 1px solid #ececec;
    padding: 0.32rem 0.32rem 0;
}

.ztDetailContent_4 ul li a img {
    float: left;
    width: 1.28rem;
    height: 1.28rem;
    border-radius: 0.28rem;
    margin-right: 0.32rem;
}

.ztDetailContent_4 ul li a div:nth-child(2) {
    float: left;
    width: 3.7rem;
    white-space: nowrap;
    overflow: hidden;
}

.ztDetailContent_4 ul li a div:nth-child(2) p:nth-child(1) {
    line-height: 0.55rem;
    color: #333333;
    font-size: 0.3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ztDetailContent_4 ul li a div:nth-child(2) p:nth-child(2) {
    line-height: 0.37rem;
    color: #b1b1b1;
    font-size: 0.22rem;
}

.ztDetailContent_4 ul li a div:nth-child(2) p:nth-child(2) em {
    color: #5ec0d9;
}

.ztDetailContent_4 ul li a div:nth-child(2) p:nth-child(3) {
    line-height: 0.32rem;
    color: #666666;
    font-size: 0.22rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ztDetailContent_4 ul li a span:nth-child(3) {
    float: right;
    width: 1.12rem;
    height: 0.42rem;
    line-height: 0.42rem;
    border-radius: 0.24rem;
    border: 1px solid #5ec0d9;
    background: #fff;
    text-align: center;
    font-size: 0.24rem;
    color: #5ec0d9;
    margin-top: 0.36rem;
}

.ztDetailContent_4 ul li a.downbtn {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.32rem;
    width: 1.12rem;
    height: 0.42rem;
    line-height: 0.42rem;
    border-radius: 0.24rem;
    border-bottom: 0;
    border: 1px solid #5ec0d9;
    background: #fff;
    text-align: center;
    font-size: 0.24rem;
    color: #5ec0d9;
    padding: 0;
}

.ztDetailContent_5 {
    width: 100%;
    background: #f6f7fa;
    background-size: cover;
}

.ztDetailContent_5 .tlt {
    height: 0.95rem;
    line-height: 0.95rem;
    color: #333;
    font-size: 0.36rem;
    font-weight: bold;
    padding: 0.03rem 0 0 0.3rem;
    position: relative;
}

.ztDetailContent_5 .tlt em {
    font-weight: bold;
    color: #00AAD5;
}

.ztDetailContent_5 ul {
    display: flex;
    overflow: auto;
    padding: 0 0 0.3rem 0.3rem;
}

.ztDetailContent_5 ul li:nth-child(n+9) {
    display: none;
}

.ztDetailContent_5 ul li a {
    display: block;
    margin-right: 0.22rem;
}

.ztDetailContent_5 ul li a img {
    width: 2.78rem;
    height: 1.53rem;
    border-radius: 0.18rem;
    box-shadow: 0 0.04rem 0.1rem 0 rgba(197, 197, 197, 1);
}

.ztDetailContent_5 ul li a p {
    font-size: 0.22rem;
    line-height: 0.57rem;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    max-width: 2.7rem;
    text-overflow: ellipsis;
}

.ztDetailContent_5 ul li a b {
    display: block;
    width: 2.78rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

#popupsBox {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #00000050;
    z-index: 99;
}

.ztDetailPopups {
    width: 6.5rem;
    height: 5rem;
    border-radius: 0.12rem;
    background: #fff;
    margin: 4rem auto;
    position: relative;
}

.ztDetailPopups .close {
    position: absolute;
    top: -0.82rem;
    right: 0.13rem;
    height: 0.82rem;
    width: 0.52rem;
    background-position: -6.72rem -0.52rem;
}

.ztDetailPopups .top {
    height: 1.18rem;
    border-radius: 0.12rem 0.12rem 0 0;
    padding-top: 0.1rem;
    height: 1.18rem;
    line-height: 1.18rem;
    text-align: center;
    color: #f14027;
    font-size: 0.22rem;
    font-weight: bold;
}

.ztDetailPopups .top p {
    width: 3.8rem;
    margin: auto;
    white-space: nowrap;
    overflow: hidden;
}

.ztDetailPopups .cont {
    width: 5.76rem;
    height: 3.23rem;
    overflow: auto;
    margin: 0 auto;
    position: relative;
}

.ztDetailPopups .cont p {
    text-indent: 0.5rem;
    line-height: 0.47rem;
    color: #999999;
    font-size: 0.24rem;
}

.ztDetailPopups .cont i {
    position: absolute;
    height: 0.32rem;
    width: 0.4rem;
    background-position: -7.44rem -0.62rem;
    top: 0.04rem;
}

/* 排行榜 */
.rankContent_1 {
    height: 4.63rem;
    overflow: hidden;
}

.rankContent_1 .tabBar {
    display: flex;
    width: 4.9rem;
    height: 0.65rem;
    line-height: 0.66rem;
    border-radius: 0.08rem;
    margin: 0.58rem auto 0.15rem;
    background: #fff5ed;
}

.rankContent_1 .tabBar div {
    flex: 1;
    text-align: center;
    color: #62210c;
    font-size: 0.24rem;
    border-radius: 0.08rem 0 0 0.08rem;
}

.rankContent_1 .tabBar div a {
    color: #62210c;
}

.rankContent_1 .tabBar div i {
    width: 0.28rem;
    height: 0.28rem;
    display: inline-block;
    vertical-align: top;
    margin: 0.19rem 0.06rem 0 0;
    background-position: -4rem -1.6rem;
}

.rankContent_1 .tabBar div:nth-child(2) {
    border-radius: 0 0.08rem 0.08rem 0;
}

.rankContent_1 .tabBar div:nth-child(2) i {
    background-position: -4.69rem -1.61rem;
}

.rankContent_1 .tabBar div.current {
    background: linear-gradient(to right bottom, #fe0385, #e3040f);
}

.rankContent_1 .tabBar div.current a {
    color: #fff;
}

.rankContent_1 .tabBar div.current i {
    background-position: -3.58rem -1.59rem;
}

.rankContent_1 .tabBar div:nth-child(2).current i {
    background-position: -4.36rem -1.61rem;
}

.rankContent_1 .recommendBox .tlt {
    height: 0.99rem;
    line-height: 0.99rem;
    text-align: center;
    font-size: 0.36rem;
    color: #fff;
    font-weight: bold;
}

.rankContent_1 .recommendBox ul {
    display: flex;
    overflow: auto;
    margin-left: 0.3rem;
}

.rankContent_1 .recommendBox ul li a {
    display: block;
    width: 3rem;
    height: 1.66rem;
    border-radius: 0.1rem;
    margin-right: 0.23rem;
    position: relative;
    overflow: hidden;
}

.rankContent_1 .recommendBox ul li a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #0003, #0003), #7266684d;
    z-index: 1;
    border-radius: 0.1rem;
}

.rankContent_1 .recommendBox ul li a .bg {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transform: scale(1.2);
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

.rankContent_1 .recommendBox ul li a>p:nth-child(1) {
    border-radius: 0.1rem 0.1rem 0 0;
    height: 0.46rem;
    line-height: 0.46rem;
    color: #fff;
    font-size: 0.22rem;
    text-indent: 0.17rem;
    white-space: nowrap;
    overflow: hidden;
    background: #00000080;
    position: relative;
    z-index: 1;
}

.rankContent_1 .recommendBox ul li a>div:nth-child(2) {
    padding: 0.1rem 0 0 0.15rem;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.rankContent_1 .recommendBox ul li a>div:nth-child(2) i {
    position: absolute;
    top: 0.1rem;
    left: 0.5rem;
    width: 0.25rem;
    height: 0.33rem;
    line-height: 0.24rem;
    text-align: center;
    color: #fff;
    font-size: 0.24rem;
    background-position: -5.15rem -1.59rem;
}

.rankContent_1 .recommendBox ul li a>div:nth-child(2) img {
    float: left;
    height: 0.96rem;
    width: 0.96rem;
    border-radius: 0.22rem;
    margin-right: 0.12rem;
}

.rankContent_1 .recommendBox ul li a>div:nth-child(2) .msg {
    float: left;
    margin-top: 0.15rem;
    width: 1.7rem;
    white-space: nowrap;
    overflow: hidden;
}

.rankContent_1 .recommendBox ul li a>div:nth-child(2) .msg p:nth-child(1) {
    line-height: 0.34rem;
    font-size: 0.2rem;
    color: #fff;
}

.rankContent_1 .recommendBox ul li a>div:nth-child(2) .msg p:nth-child(2) {
    line-height: 0.3rem;
    font-size: 0.16rem;
    color: #fff;
    /* transform: scale(.9); */
    /* margin-left: -0.06rem; */
}

.rankContent_2 {
    position: relative;
    top: -0.27rem;
    border-radius: 0.1rem 0.1rem 0 0;
    overflow: hidden;
}

.rankContent_2::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0.15rem;
    background: #ffffff40;
    border-radius: 0.1rem 0.1rem 0 0;
    top: 0;
    left: 0;
}

.rankContent_2 .tabBar {
    height: 1.27rem;
    border-radius: 0.1rem 0.1rem 0 0;
    padding: 0.4rem 0 0 0.32rem;
    margin-top: 0.15rem;
    display: flex;
}

.rankContent_2 .tabBar div {
    width: 2.16rem;
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    border-radius: 0.14rem;
    color: #c3a78e;
    font-size: 0.26rem;
    background: #fdf4eb;
    margin-right: 0.2rem;
    position: relative;
}

.rankContent_2 .tabBar div i {
    position: absolute;
    bottom: 0;
    right: 0;
}

.rankContent_2 .tabBar div:nth-child(1) i {
    width: 0.71rem;
    height: 0.59rem;
    background-position: -5.3rem -2.78rem;
}

.rankContent_2 .tabBar div:nth-child(2) i {
    width: 0.63rem;
    height: 0.59rem;
    background-position: -6.25rem -2.74rem;
}

.rankContent_2 .tabBar div:nth-child(3) i {
    width: 0.58rem;
    height: 0.51rem;
    background-position: -7.23rem -2.82rem;
}

.rankContent_2 .tabBar div span {
    position: relative;
    z-index: 1;
}

.rankContent_2 .tabBar div.current {
    color: #fff;
    font-weight: bold;
    background: linear-gradient(to right, #ffc208, #ff9705);
    box-shadow: 0 0.1rem 0.25rem 0 rgba(255, 151, 5, .25);
}

.rankContent_2 .tabBar div:nth-child(1).current i {
    background-position: -2.73rem -2.8rem;
}

.rankContent_2 .tabBar div:nth-child(2).current i {
    background-position: -3.67rem -2.77rem;
}

.rankContent_2 .tabBar div:nth-child(3).current i {
    background-position: -4.46rem -2.84rem;
}

.rankContent_2 ul li a {
    display: block;
    height: 1.3rem;
    padding: 0.28rem 0.31rem 0.31rem;
    border-top: 1px solid #ececec;
    position: relative;
}

.rankContent_2 ul li a img {
    float: left;
    width: 1.28rem;
    height: 1.28rem;
    border-radius: 0.28rem;
    margin-right: 0.32rem;
}

.rankContent_2 ul li a div:nth-child(3) {
    float: left;
    width: 3.7rem;
    white-space: nowrap;
    overflow: hidden;
}

.rankContent_2 ul li a div:nth-child(3) p:nth-child(1) {
    height: 0.55rem;
    line-height: 0.55rem;
    color: #333333;
    font-size: 0.3rem;
}

.rankContent_2 ul li a div:nth-child(3) p:nth-child(2) {
    height: 0.36rem;
    line-height: 0.36rem;
    color: #b1b1b1;
    font-size: 0.22rem;
}

.rankContent_2 ul li a div:nth-child(3) p:nth-child(2) em {
    color: #5ec0d9;
}

.rankContent_2 ul li a div:nth-child(3) p:nth-child(3) {
    height: 0.34rem;
    line-height: 0.34rem;
    color: #666666;
    font-size: 0.22rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rankContent_2 ul li a .down {
    float: right;
    width: 1.12rem;
    height: 0.42rem;
    line-height: 0.42rem;
    background: #fff;
    border: 1px solid #5ec0d9;
    border-radius: 0.24rem;
    text-align: center;
    color: #5ec0d9;
    font-size: 0.24rem;
    margin-top: 0.42rem;
}

.rankContent_2 ul li a .rank {
    position: absolute;
    left: 0.3rem;
    top: 0.26rem;
    width: 0.44rem;
    height: 0.57rem;
    line-height: 0.46rem;
    text-align: center;
    font-size: 0.3rem;
    color: #fff;
    font-weight: bold;
    background-position: -0.06rem -2.79rem;
}

.rankContent_2 ul li:nth-child(1),
.rankContent_2 ul li:nth-child(2),
.rankContent_2 ul li:nth-child(3) {
    display: inline-block;
    position: relative;
}

.rankContent_2 ul li:nth-child(1) a,
.rankContent_2 ul li:nth-child(2) a,
.rankContent_2 ul li:nth-child(3) a {
    height: 3.3rem;
    box-shadow: 0 0 0.08rem 0 rgba(0, 0, 0, .1);
    border-top: 0.06rem solid #f3251b;
    width: 2.16rem;
    border-radius: 0.12rem;
    padding: 0;
    margin: 0 0 0.43rem 0.18rem;
}

.rankContent_2 ul li:nth-child(1) a {
    margin-left: 0.3rem;
}

.rankContent_2 ul li:nth-child(1) a img,
.rankContent_2 ul li:nth-child(2) a img,
.rankContent_2 ul li:nth-child(3) a img {
    margin: 0.28rem 0.5rem 0.04rem;
}

.rankContent_2 ul li:nth-child(1) a p:nth-child(3),
.rankContent_2 ul li:nth-child(2) a p:nth-child(3),
.rankContent_2 ul li:nth-child(3) a p:nth-child(3) {
    width: 2.16rem;
    height: 0.55rem;
    line-height: 0.55rem;
    color: #333;
    font-size: 0.3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.rankContent_2 ul li:nth-child(1) a p:nth-child(4),
.rankContent_2 ul li:nth-child(2) a p:nth-child(4),
.rankContent_2 ul li:nth-child(3) a p:nth-child(4) {
    width: 2.2rem;
    height: 0.26rem;
    line-height: 0.22rem;
    color: #b1b1b1;
    font-size: 0.22rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    transform: scale(.9);
}

.rankContent_2 ul li:nth-child(1) a p:nth-child(4) em,
.rankContent_2 ul li:nth-child(2) a p:nth-child(4) em,
.rankContent_2 ul li:nth-child(3) a p:nth-child(4) em {
    color: #5ec0d9;
}

.rankContent_2 ul li:nth-child(1) a .down,
.rankContent_2 ul li:nth-child(2) a .down,
.rankContent_2 ul li:nth-child(3) a .down {
    margin: 0.16rem 0.52rem 0.23rem 0;
}

.rankContent_2 ul li:nth-child(2) a {
    padding-top: 0.42rem;
}

.rankContent_2 ul li:nth-child(1) a {
    border-color: #ef9638;
}

.rankContent_2 ul li:nth-child(3) a {
    border-color: #fad000;
}

.rankContent_2 ul li:nth-child(1) a i.rank,
.rankContent_2 ul li:nth-child(2) a i.rank,
.rankContent_2 ul li:nth-child(3) a i.rank {
    width: 1.4rem;
    height: 0.36rem;
    line-height: 0.36rem;
    background-position: -3.43rem -2.21rem;
    top: -0.2rem;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 0.2rem;
    text-align: center;
    font-weight: normal;
}

.rankContent_2 ul li:nth-child(1) a i.rank {
    background-position: -4.99rem -2.21rem;
}

.rankContent_2 ul li:nth-child(3) a i.rank {
    background-position: -6.52rem -2.21rem;
}

.rankContent_2 ul li:last-child a {
    border-bottom: 0.1rem solid #f6f7fa;
}

.rankContent_2 ul li:nth-child(1) a:nth-child(2),
.rankContent_2 ul li:nth-child(2) a:nth-child(2),
.rankContent_2 ul li:nth-child(3) a:nth-child(2) {
    /* float: right; */
    width: 1.12rem;
    height: 0.42rem;
    line-height: 0.42rem;
    background: #fff;
    border: 1px solid #5ec0d9;
    border-radius: 0.24rem;
    text-align: center;
    color: #5ec0d9;
    font-size: 0.24rem;
    margin-top: 0;
    padding-top: 0;
    position: absolute;
    top: 2.7rem;
    left: 0.56rem;
}

.rankContent_2 ul li:nth-child(2) a:nth-child(2) {
    top: 3.1rem;
}

.rankContent_3 ul,
.rank2Content_1 ul {
    overflow: hidden;
    padding: 0.12rem 0 0.22rem 0.12rem;
    border-bottom: 0.1rem solid #f6f7fa;
}

.rankContent_3 ul li,
.rank2Content_1 ul li {
    float: left;
}

.rankContent_3 ul li a,
.rank2Content_1 ul li a {
    display: block;
    /* padding: 0 0.1rem; */
    width: 3.36rem;
    height: 0.58rem;
    line-height: 0.58rem;
    background: #f4f4f4;
    text-align: center;
    font-size: 0.24rem;
    color: #656565;
    margin: 0 0 0.2rem 0.18rem;
    border-radius: 0.08rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rankContent_3 ul li a,
.rank2Content_1 ul li.current a {
    background-color: #00AAD5;
    color: #fff;
}

.rank2Content_1 ul li a {
    width: 2.2rem;
    margin-left: 0.17rem;
    padding: 0 0.1rem;
    box-sizing: border-box;
}

.rank2Content_1 ul {
    padding-top: 0.33rem;
}

.rank2Content_2 ul li a {
    display: block;
    height: 1.3rem;
    padding: 0.34rem 0.31rem 0.37rem;
    border-top: 1px solid #ececec;
    position: relative;
}

.rank2Content_2 ul li:last-child a {
    padding-bottom: 0.48rem;
    border-bottom: 0.1rem solid #f6f7fa;
}

.rank2Content_2 ul li a img {
    float: left;
    width: 1.28rem;
    height: 1.28rem;
    border-radius: 0.28rem;
    margin-right: 0.32rem;
}

.rank2Content_2 ul li a div:nth-child(3) {
    float: left;
    width: 3.7rem;
    white-space: nowrap;
    overflow: hidden;
}

.rank2Content_2 ul li a div:nth-child(3) p:nth-child(1) {
    height: 0.55rem;
    line-height: 0.55rem;
    color: #333333;
    font-size: 0.3rem;
}

.rank2Content_2 ul li a div:nth-child(3) p:nth-child(2) {
    height: 0.36rem;
    line-height: 0.36rem;
    color: #b1b1b1;
    font-size: 0.22rem;
}

.rank2Content_2 ul li a div:nth-child(3) p:nth-child(2) em {
    color: #5ec0d9;
}

.rank2Content_2 ul li a div:nth-child(3) p:nth-child(3) {
    height: 0.34rem;
    line-height: 0.34rem;
    color: #666666;
    font-size: 0.22rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rank2Content_2 ul li a span:nth-child(4) {
    float: right;
    width: 1.12rem;
    height: 0.42rem;
    line-height: 0.42rem;
    background: #fff;
    border-radius: 0.24rem;
    border: 1px solid #5ec0d9;
    text-align: center;
    color: #5ec0d9;
    font-size: 0.24rem;
    margin-top: 0.42rem;
}

.rank2Content_2 ul li a .rank {
    position: absolute;
    left: 0.3rem;
    top: 0.33rem;
    width: 0.44rem;
    height: 0.57rem;
    line-height: 0.46rem;
    text-align: center;
    font-size: 0.3rem;
    color: #fff;
    font-weight: bold;
    background-position: -0.06rem -2.79rem;
}

.rank2Content_2 ul li:nth-child(1) a .rank {
    background-position: -0.7rem -2.8rem;
}

.rank2Content_2 ul li:nth-child(2) a .rank {
    background-position: -1.34rem -2.8rem;
}

.rank2Content_2 ul li:nth-child(3) a .rank {
    background-position: -1.96rem -2.8rem;
}

/* 资讯详情页 */
.zxDetailContent_1 .ndTlt {
    padding-bottom: .14rem;
    overflow: hidden;
    text-align: left;
    position: relative;
    margin-top: 0.4rem;
}

.zxDetailContent_1 .ndTlt h1 {
    color: #333333;
    line-height: .54rem;
    margin-top: .4rem;
    font-size: 0.38rem;
    font-weight: bold;
    margin: 0 .3rem;
}

.zxDetailContent_1 .ndTlt p {
    border-bottom: 1px solid #e7e7e7;
    padding: 0 0.3rem;
}

.zxDetailContent_1 .ndTlt span {
    font-size: .18rem;
    color: #9f9fa4;
    line-height: .76rem;
    display: inline-block;
}

.zxDetailContent_1 .line {
    height: 1px;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #e7e7e7;
    margin-bottom: 0.3rem;
}

.zxDetailContent_1 .ndTxt {
    margin: 0 .3rem;
    overflow: hidden;
}

.zxDetailContent_1 .ndTxt p {
    font-size: .24rem;
    line-height: .44rem;
    color: #666666;
}

.zxDetailContent_1 .ndTxt h3 {
    color: #333333;
    line-height: 0.62rem;
    font-size: 0.28rem;
    font-weight: bold;
}

.zxDetailContent_1 .ndTxt a {
    color: #38f;
}

.zxDetailContent_1 .ndTxt img {
    display: block;
    margin: .26rem auto;
    width: auto;
    height: auto;
    max-width: 6.9rem;
    border-radius: 0.12rem;
}

.zxDetailContent_1 .ndGame {
    width: 6.9rem;
    height: 2.88rem;
    padding: 0.28rem 0 0.4rem 0;
    margin: 0 auto;
}

.zxDetailContent_1 .ndGame a {
    float: left;
    width: 2.02rem;
    height: 100%;
}

.zxDetailContent_1 .ndGame a img {
    display: block;
    width: 1.38rem;
    height: 1.38rem;
    border-radius: 0.28rem;
    margin: 0.22rem auto 0;
}

.zxDetailContent_1 .ndGame a .name {
    height: 0.5rem;
    line-height: 0.5rem;
    color: #fff;
    font-size: 0.24rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
}

.zxDetailContent_1 .ndGame a .down {
    width: 1.4rem;
    height: 0.46rem;
    line-height: 0.46rem;
    border-radius: 0.04rem;
    background: #00AAD5;
    margin: 0.06rem auto 0;
    text-align: center;
    color: #fff;
    font-size: 0.2rem;
}

.zxDetailContent_1 .ndGame .msg {
    float: left;
    width: 4.68rem;
    background: #333333;
    padding: 0.1rem 0 0 0.2rem;
    height: 2.78rem;
}

.zxDetailContent_1 .ndGame .msg .txt {
    width: 4.46rem;
    height: 0.52rem;
    line-height: 0.52rem;
    text-indent: 0.32rem;
    font-size: 0.24rem;
    color: #fff;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.zxDetailContent_1 .ndGame .msg .txt::before {
    content: '';
    background-image: url("../images/icon.png");
    background-size: 8rem 8rem;
    position: absolute;
    top: 0.15rem;
    left: 0;
    width: 0.25rem;
    height: 0.2rem;
    background-position: -5.57rem -1.63rem;
}

.zxDetailContent_1 .ndGame .msg .cont {
    width: 4.46rem;
    height: 1.32rem;
    border: 1px solid #5c5c5c;
    padding: 0.16rem 0 0 0;
}

.zxDetailContent_1 .ndGame .msg .cont p {
    height: 0.3rem;
    line-height: 0.3rem;
    color: #cccccc;
    font-size: 0.18rem;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    padding-left: 0.34rem;
}

.zxDetailContent_1 .ndGame .msg .cont p::before {
    content: '';
    position: absolute;
    width: 0.06rem;
    height: 0.06rem;
    border-radius: 50%;
    background: #00AAD5;
    top: 0;
    bottom: 0;
    left: 0.18rem;
    margin: auto;
}

.zxDetailContent_1 .ndGame .msg .type {
    padding-top: 0.15rem;
    white-space: nowrap;
    overflow: hidden;
}

.zxDetailContent_1 .ndGame .msg .type span {
    height: 0.38rem;
    line-height: 0.38rem;
    padding: 0 0.2rem;
    border: 1px solid #5c5c5c;
    border-radius: 0.04rem;
    margin-right: 0.1rem;
    color: #999999;
}

.tlt_common {
    height: 0.36rem;
    line-height: 0.36rem;
    color: #272727;
    font-size: 0.32rem;
    font-weight: bold;
    margin-left: 0.3rem;
    position: relative;
}

.tlt_common p i {
    display: inline-block;
    width: 0.32rem;
    height: 0.34rem;
    background-position: -5.98rem -1.58rem;
    vertical-align: top;
    margin: 0 0.1rem 0 0;
}

.tlt_common h1 {
    font-size: 15px;
}

.tlt_common h1 i {
    display: inline-block;
    width: 0.36rem;
    height: 0.34rem;
    background-position: -2.57rem -5.03rem;
    vertical-align: top;
    margin: 0 0.1rem 0 0;
}

.tlt_common p em {
    font-weight: bold;
    color: #00AAD5;
}

.tlt_common a.more {
    position: absolute;
    right: 0.44rem;
    top: 0;
    height: 0.36rem;
    line-height: 0.36rem;
    color: #17a0fe;
    font-size: 0.24rem;
    font-weight: normal;
}

.tlt_common a.more i {
    display: inline-block;
    width: 0.36rem;
    height: 0.36rem;
    background-position: -4.14rem -4.52rem;
    vertical-align: top;
    margin: 0.06rem 0 0 0.08rem;
}

.zxDetailContent_2 {
    padding: 0.33rem 0 0.12rem 0;
    border-top: 0.1rem solid #f6f7fa;
    border-bottom: 0.1rem solid #f6f7fa;
}

.zxDetailContent_2 ul {
    overflow: hidden;
}

.zxDetailContent_2 ul li {
    float: left;
}

.zxDetailContent_2 ul li a {
    display: block;
    width: 1.68rem;
    height: 2.6rem;
    margin: 0 0.1rem;
}

.zxDetailContent_2 ul li:nth-child(4n) a {
    margin-left: 0;
}

.zxDetailContent_2 ul li a img {
    display: block;
    width: 1.28rem;
    height: 1.28rem;
    border-radius: 0.28rem;
    margin: 0.28rem auto 0;
}

.zxDetailContent_2 ul li a p {
    text-align: center;
    height: 0.56rem;
    line-height: 0.56rem;
    color: #333333;
    font-size: 0.24rem;
    white-space: nowrap;
    overflow: hidden;
}

.zxDetailContent_2 ul li a span {
    display: block;
    background: #5ec0d9;
    width: 1.2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    border-radius: 0.24rem;
    margin: 0 auto;
    font-size: 0.22rem;
    color: #fff;
    text-align: center;
    white-space: nowrap;
}

.zxDetailContent_2 ul li a .down i {
    display: inline-block;
    width: 0.18rem;
    height: 0.2rem;
    background-position: -6.34rem -0.08rem;
    vertical-align: top;
    margin: 0.14rem 0.08rem 0 0;
}

.zxDetailContent_2 ul li a .order {
    background: #fe9f41;
}

.zxDetailContent_3 {
    padding: 0.28rem 0 0.12rem 0;
    border-bottom: 0.1rem solid #f6f7fa;
}

.zxDetailContent_3 .tlt_common p i {
    width: 0.3rem;
    height: 0.38rem;
    background-position: -7.23rem -1.56rem;
    margin-top: 0.02rem;
}

.zxDetailContent_3 ul li a {
    display: block;
    overflow: hidden;
    padding: 0.26rem 0 0.17rem 0.29rem;
    border-bottom: 1px solid #e7e7e7;
}

.zxDetailContent_3 ul li:last-child a {
    border: none;
}

.zxDetailContent_3 ul li a img {
    float: left;
    width: 2.17rem;
    height: 1.44rem;
    border-radius: 0.08rem;
    margin-right: 0.38rem;
}

.zxDetailContent_3 ul li a div:nth-child(2) {
    float: left;
    width: 4.28rem;
}

.zxDetailContent_3 ul li a div:nth-child(2) p:nth-child(1) {
    height: 0.96rem;
    line-height: 0.48rem;
    font-size: 0.3rem;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.zxDetailContent_3 ul li a div:nth-child(2) p:nth-child(2) {
    line-height: 0.57rem;
    color: #999999;
    font-size: 0.24rem;
    white-space: nowrap;
    overflow: hidden;
}

.zxDetailContent_3 ul li a div:nth-child(2) p:nth-child(2) em {
    margin-left: 0.3rem;
}

.zxDetailContent_4 {
    width: 100%;
}

.zxDetailContent_4 .tlt {
    height: 0.95rem;
    line-height: 0.95rem;
    color: #333;
    font-size: 0.36rem;
    font-weight: bold;
    padding: 0.03rem 0 0 0.6rem;
    position: relative;
}

.zxDetailContent_4 .tlt em {
    font-weight: bold;
    color: #00AAD5;
}

.zxDetailContent_4 .tlt::before {
    content: '';
    position: absolute;
    left: 0.3rem;
    top: 0.42rem;
    width: 0.18rem;
    height: 0.24rem;
    background-image: url("../images/icon.png");
    background-size: 8rem 8rem;
    background-position: -6.01rem -0.07rem;
}

.zxDetailContent_4 ul {
    display: flex;
    overflow: auto;
    padding: 0 0 0.26rem 0.3rem;
    border-bottom: 0.1rem solid #f6f7fa;
}

.zxDetailContent_4 ul li a {
    display: block;
    margin-right: 0.22rem;
}

.zxDetailContent_4 ul li a img {
    width: 2.78rem;
    height: 1.53rem;
    border-radius: 0.18rem;
    box-shadow: 0 0.04rem 0.1rem 0 rgba(197, 197, 197, 1);
}

.zxDetailContent_4 ul li a p {
    font-size: 0.22rem;
    height: 0.6rem;
    line-height: 0.6rem;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    max-width: 2.7rem;
    text-overflow: ellipsis;
}

/* 游戏详情 */
.game-video {
    height: 4.3rem;
    margin: auto;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: 50%
}

.game-video video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.game-video .vback {
    width: 100%;
    height: 4.3rem;
    position: absolute;
    left: 0;
    z-index: 1;
    position: relative;
}

.game-video .vback i {
    position: absolute;
    width: 1.08rem;
    height: 1.08rem;
    background-position: -0.04rem -3.55rem;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.gdContent_2 {
    overflow: hidden;
    padding: 0 0.3rem 0.4rem;
    position: relative;
}

.gdContent_2::before {
    content: '';
    position: absolute;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #0003, #0003), #7266684d;
    z-index: 1;
}

.gdContent_2 .name {
    height: 0.84rem;
    font-size: 0;
    line-height: 0.84rem;
    position: relative;
    z-index: 1;
}

.gdContent_2 .name h1 {
    font-size: 0.36rem;
    color: #ffffff;
    font-weight: bold;
    display: inline-block;
    max-width: 4.8rem;
    white-space: nowrap;
    overflow: hidden;
}

.gdContent_2 .name span {
    display: inline-block;
    height: 0.36rem;
    line-height: 0.36rem;
    padding: 0 0.12rem;
    color: #00cb9e;
    font-size: 0.18rem;
    text-align: center;
    vertical-align: top;
    margin: 0.26rem 0 0 0.08rem;
    background: #00000080;
    border-radius: 0.16rem;
}

.gdContent_2 .name span i {
    display: inline-block;
    width: 0.24rem;
    height: 0.24rem;
    background-position: -1.49rem -3.6rem;
    vertical-align: top;
    margin: 0.05rem 0.03rem 0 0;
}

.gdContent_2 .msg {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.gdContent_2 .msg img {
    float: left;
    width: 1.24rem;
    height: 1.24rem;
    border-radius: 0.24rem;
    margin-right: 0.22rem;
}

.gdContent_2 .msg div:nth-child(2) {
    float: left;
    width: 4rem;
    white-space: nowrap;
    overflow: hidden;
}

.gdContent_2 .msg div:nth-child(2) p {
    height: 0.29rem;
    line-height: 0.29rem;
    color: #cccccc;
    font-size: 0.24rem;
    margin-bottom: 0.19rem;
}

.gdContent_2 .msg div:nth-child(2) p em {
    color: #fb0481;
}

.gdContent_2 .msg div:nth-child(3) {
    float: right;
    height: 1.22rem;
    width: 1.34rem;
    border-radius: 0.1rem;
    border: 1px solid #ffffff40;
}

.gdContent_2 .msg div:nth-child(3) p:nth-child(1) {
    height: 0.29rem;
    line-height: 0.29rem;
    color: #cccccc;
    font-size: 0.18rem;
    margin-top: 0.08rem;
    text-align: center;
}

.gdContent_2 .msg div:nth-child(3) p:nth-child(2) {
    height: 0.44rem;
    line-height: 0.44rem;
    color: #ffcb1f;
    font-size: 0.32rem;
    text-align: center;
    font-weight: bold;
}

.gdContent_2 .msg div:nth-child(3) p:nth-child(3) {
    height: 0.34rem;
    line-height: 0.34rem;
    font-size: 0.2rem;
    text-align: center;
    white-space: nowrap;
    transform: scale(.9);
    color: #666666;
}

.gdContent_2 .msg div:nth-child(3) p:nth-child(3) em {
    color: #cccccc;
}

.gdContent_2 .btnBox {
    margin-top: 0.19rem;
    position: relative;
    z-index: 1;
}

.gdContent_2 .btnBox span.down,
.gdContent_2 .btnBox .order,
.gdContent_2 .btnBox .noBtn {
    display: block;
    width: 6.9rem;
    height: 0.76rem;
    line-height: 0.76rem;
    text-align: center;
    border-radius: 0.34rem;
    color: #fff;
    background: linear-gradient(to right, #fe0385, #e3040f);
    margin: 0 auto;
    font-size: 0.32rem;
}

.gdContent_2 .btnBox .order {
    background: linear-gradient(to right, #ffc345, #ffa728);
}

.gdContent_2 .btnBox .noBtn {
    color: #a3a6a8;
    background: linear-gradient(to right, #eaeaea, #eef2f3);
}

.gdContent_2 .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(1.2);
    -webkit-filter: blur(15px);
    filter: blur(15px);
}

.gdContent_3 .tabBar {
    display: flex;
    height: 1.02rem;
    line-height: 1.02rem;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    justify-content: center;
    background: #f9f7fa;
}

.gdContent_3 .tabBar div {
    width: 2.5rem;
    color: #242424;
    font-size: 0.3rem;
    font-weight: bold;
    text-align: center;
}

.gdContent_3 .tabBar div i {
    display: inline-block;
    width: 0.32rem;
    height: 0.32rem;
    background-position: -3.5rem -3.54rem;
    vertical-align: top;
    margin: 0.36rem 0.1rem 0 0;
}

.gdContent_3 .tabBar div:nth-child(2) i {
    background-position: -3.98rem -3.54rem;
}

.gdContent_3 .tabBar div:nth-child(3) i {
    width: 0.32rem;
    background-position: -4.46rem -3.53rem;
}

.gdContent_3 .tabBar div.current {
    color: #00AAD5;
}

.gdContent_3 .tabBar div:nth-child(1).current i {
    background-position: -2rem -3.56rem;
}

.gdContent_3 .tabBar div:nth-child(2).current i {
    width: 0.32rem;
    background-position: -2.48rem -3.56rem;
}

.gdContent_3 .tabBar div:nth-child(3).current i {
    width: 0.32rem;
    background-position: -2.96rem -3.54rem;
}

.tagList {
    overflow: auto;
    margin: 0.28rem 0 0.04rem 0.3rem;
    height: 0.48rem;
    white-space: nowrap;
    display: flex;
    justify-content: center;
}

.tagList li {
    display: inline-block;
    white-space: nowrap;
    height: 0.48rem;
    line-height: 0.48rem;
    margin-right: 0.2rem;
    background: #f5f7f8;
    border-radius: 0.24rem 0.24rem 0.24rem 0;
    font-size: 0.24rem;
    color: #999999;
    text-align: center;
}

.tagList li a {
    padding: 0 0.1rem;
    /* background: #fff4ea; */
    color: #5ec0d9;
}

.tagList li span {
    padding: 0 0.1rem;
}

.tagList li a em {
    color: #5ec0d9;
    margin-right: 0.02rem;
}




.mk_detail_comment {
    margin-top: .18rem;
    padding-left: .3541667rem;
    padding-right: .18rem;
    margin-bottom: .18rem;
    color: #f5c3c6;
}

.mk_detail_comment>div {
    background-color: #fff4ea;
    height: .7rem;
    line-height: .7rem;
    border-radius: .1rem;
    color: #00AAD5;
}

.mk_detail_comment>div span {
    display: inline-block;
    width: 1.5rem;
    background-color: #5ec0d9;
    border-radius: .1rem;
    text-align: center;
    margin-right: .2rem;
    color: #fff;
}

/* 截图 */

.show_img .gameImg {
    padding: 0.26rem 0.3rem 0.2rem;
}

.show_img .gameImg .swiper-slide {
    width: auto;
}

.show_img .gameImg .swiper-slide img {
    width: auto;
    height: 100%;
    max-height: 4.6rem;
    border-radius: 0.2rem;
}

.img_item {
    width: 6.86rem;
    overflow-x: auto;
    border-radius: 0.12rem;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    padding: 0.26rem 0.3rem 0.2rem;
}

.img_item ul {
    font-size: 0;
}

.img_item ul li {
    margin-right: .18rem;
    display: inline-block;
}

.img_item ul li img,
.img_item ul li video {
    width: auto;
    height: 100%;
    border-radius: 0.12rem;
}

div.photo-box {
    width: 100%;
    background: rgba(0, 0, 0, .8);
    height: 100% !important;
    position: fixed;
    overflow: hidden;
    display: none;
    z-index: 999;
    left: 0;
    top: 0;
}

.cf {
    zoom: 1;
}

.pinch-zoom-container {
    height: 100% !important;
}

.img-slider {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
}

.img-slider li {
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    z-index: 999;
}

div.photo-box li {
    list-style: none;
}

.img-slider li img {
    vertical-align: middle;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.btVideo {
    position: relative;
}

.btVideo .vback {
    top: 0;
    position: absolute;
    left: 0;
    width: 100%;
    height: 3.2rem;
    z-index: 1;
}

.btVideo i {
    position: absolute;
    width: 0.99rem;
    height: 0.99rem;
    background-position: -6.95rem -4.73rem;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.gdContent_4 {
    border-bottom: 0.1rem solid #f6f7fa;
    position: relative;
}

.gdContent_4 .tlt_common p i {
    width: 0.34rem;
    background-position: -4.98rem -3.54rem;
}

.gdContent_4 .cont {
    margin-top: 0.18rem;
}

.gdContent_4 .cont>p {
    font-size: 0.24rem;
    color: #666;
    line-height: 0.48rem;
    padding: 0 0.3rem;
}

.gdContent_4 .cont>h3 {
    color: #333333;
    line-height: 0.92rem;
    font-size: 0.32rem;
    position: relative;
    margin: 0 0.3rem;
    font-weight: bold;
}

.gdContent_4 .cont img {
    display: block;
    max-width: 80% !important;
    border-radius: 0.08rem;
    margin: 0.26rem auto;
    width: 80% !important;
    height: auto !important;
}

.gdContent_4 .approve {
    padding: 0.05rem 0 0 0.32rem;
    height: 0.84rem;
    display: flex;
    font-size: 0.24rem;
    color: #cccccc;
    border-bottom: 0.1rem solid #f6f7fa;
}

.gdContent_4 .approve span {
    height: 0.84rem;
    line-height: 0.84rem;
    display: block;
    margin-right: 0.24rem;
}

.gdContent_4 .approve i {
    display: inline-block;
    width: 0.26rem;
    height: 0.32rem;
    background-position: -6.01rem -3.56rem;
    vertical-align: top;
    margin: 0.28rem 0.1rem 0 0;
}

.gdContent_4 .approve span:nth-child(2) i {
    background-position: -6.4rem -3.56rem;
}

.gdContent_4 .approve span:nth-child(3) i {
    background-position: -6.77rem -3.56rem;
}

.gdContent_5 {
    padding-top: 0.36rem;
    border-bottom: 0.1rem solid #f6f7fa;
}

.gdContent_5 .tlt_common p i {
    width: 0.36rem;
    height: 0.36rem;
    background-position: -7.22rem -3.52rem;
    margin-top: 0;
}

.gdContent_5 .tlt_common .report {
    position: absolute;
    width: 0.94rem;
    height: 0.36rem;
    line-height: 0.36rem;
    border-radius: 0.2rem;
    border: 1px solid #ffd79d;
    text-align: center;
    top: 0;
    right: 0.3rem;
    color: #ff9f01;
    font-size: 0.22rem;
}

.gdContent_5 .tlt_common .report i {
    display: inline-block;
    width: 0.24rem;
    height: 0.24rem;
    background-position: -7.7rem -3.57rem;
    vertical-align: top;
    margin: 0.04rem 0.04rem 0 0;
}

/* .gdContent_5 ul {
    padding: 0.14rem 0;
    border-bottom: 0.1rem solid #f6f7fa;
} */

/* .gdContent_5 ul li {
    width: 6.9rem;
    height: 0.8rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e7e7e7;
    margin: auto;
}

.gdContent_5 ul li>span {
    font-size: 0.24rem;
    color: #999999;
}

.gdContent_5 ul li>em {
    font-size: 0.28rem;
    color: #1a1a1a;
}

.gdContent_5 ul li>i {
    font-size: 0.28rem;
    color: #00AAD5;
}

.gdContent_5 ul li:last-child {
    border: none;
} */

.gdContent_6 {
    padding-top: 0.34rem;
}

.gdContent_6 .tlt_common p i {
    width: 0.36rem;
    height: 0.36rem;
    background-position: -1.4rem -4.12rem;
}

.gdContent_6 ul {
    overflow: hidden;
    padding: 0.28rem 0.3rem 0.2rem;
    border-bottom: 0.1rem solid #f6f7fa;
}

.gdContent_6 ul li a {
    display: block;
    width: 6.4rem;
    height: 0.74rem;
    padding: 0.18rem 0.3rem 0.18rem 0.18rem;
    background: #fff8f8;
    margin: 0 auto 0.2rem;
    border-radius: 0.12rem;
}

.gdContent_6 ul li a img {
    float: left;
    width: 0.72rem;
    height: 0.72rem;
    border-radius: 0.1rem;
    margin-right: 0.16rem;
}

.gdContent_6 ul li a div:nth-child(2) {
    float: left;
    width: 4rem;
    white-space: nowrap;
    overflow: hidden;
}

.gdContent_6 ul li a div:nth-child(2) p:nth-child(1) {
    height: 0.41rem;
    line-height: 0.41rem;
    color: #333333;
    font-size: 0.26rem;
}

.gdContent_6 ul li a div:nth-child(2) p:nth-child(2) {
    height: 0.32rem;
    line-height: 0.32rem;
    color: #949494;
    font-size: 0.2rem;
}

.gdContent_6 ul li a div:nth-child(2) p:nth-child(2) span {
    margin-left: 0.22rem;
}

.gdContent_6 ul li a span:nth-child(3) {
    float: right;
    width: 1.26rem;
    height: 0.46rem;
    line-height: 0.46rem;
    border-radius: 0.22rem;
    text-align: center;
    background: #ffebec;
    color: #e72935;
    font-size: 0.22rem;
    margin-top: 0.13rem;
}

.gdContent_6 ul li a span:nth-child(3) i {
    display: inline-block;
    width: 0.28rem;
    height: 0.22rem;
    background-position: -2rem -4.15rem;
    vertical-align: top;
    margin: 0.12rem 0.04rem 0 0;
}

.gdContent_7 {
    padding: 0.33rem 0 0.34rem 0;
    border-bottom: 0.1rem solid #f6f7fa;
}

.gdContent_7 .tlt_common p i {
    width: 0.34rem;
    height: 0.34rem;
    background-position: -2.54rem -4.07rem;
}

.gdContent_7 ul {
    overflow: hidden;
}

.gdContent_7 ul li {
    float: left;
}

.gdContent_7 ul li:nth-child(n+9) {
    display: none;
}

.gdContent_7 ul li a {
    display: block;
    width: 1.68rem;
    height: 2.34rem;
    margin: 0 0.1rem;
}

.gdContent_7 ul li:nth-child(4n) a {
    margin-left: 0;
}

.gdContent_7 ul li a img {
    display: block;
    width: 1.28rem;
    height: 1.28rem;
    border-radius: 0.28rem;
    margin: 0.28rem auto 0;
}

.gdContent_7 ul li a p {
    text-align: center;
    height: 0.56rem;
    line-height: 0.56rem;
    color: #333333;
    font-size: 0.24rem;
    white-space: nowrap;
    overflow: hidden;
}

.gdContent_7 ul li a span {
    display: block;
    background: #fff;
    width: 1.2rem;
    height: 0.5rem;
    line-height: 0.45rem;
    border-radius: 0.24rem;
    border: 1px solid #5ec0d9;
    margin: 0 auto;
    font-size: 0.22rem;
    color: #5ec0d9;
    text-align: center;
    white-space: nowrap;
    box-sizing: border-box;
}

.gdContent_7 ul li a .down i {
    display: inline-block;
    width: 0.18rem;
    height: 0.2rem;
    background-position: -6.34rem -0.08rem;
    vertical-align: top;
    margin: 0.14rem 0.08rem 0 0;
}

.gdContent_7 ul li a .order {
    background: #fe9f41;
}

.mgd_tag_recom_box {
    padding: 0.33rem 0 0.34rem 0;
    border-bottom: 0.1rem solid #f6f7fa;
}

.mgd_tag_recom_box>div.tab_menu::-webkit-scrollbar {
    display: none
}

.mgd_tag_recom_box>div.tab_menu {
    white-space: nowrap;
    overflow-x: auto;
    margin-left: .3rem;
}

.mgd_tag_recom_box>div.tab_menu>span {
    display: inline-block;
    height: .5rem;
    line-height: .5rem;
    min-width: .6rem;
    font-size: .26rem;
    color: #666;
    margin-right: .2rem;
    padding: 0 .5rem;
    text-align: center;
}

.mgd_tag_recom_box>div.tab_menu>span.checked {
    color: #5ec0d9;
    border-bottom: .02rem solid #5ec0d9;
}

.mgd_tag_recom_box>div.tab_cont {
    padding: .1rem .24rem 0;
}

.mgd_tag_recom_box>div.tab_cont>div {
    display: none;
}

.mgd_tag_recom_box>div.tab_cont>div:first-child {
    display: block;
}

.mgd_tag_recom_box>div.tab_cont>div>a {
    display: block;
    height: 1.35rem;
    width: 100%;
    position: relative;
    border-bottom: .01rem dashed #e0e0e0;
    padding: .1rem 0 .26rem;
}

.mgd_tag_recom_box>div.tab_cont>div>a>img {
    display: block;
    float: left;
    width: 2.8rem;
    height: 1.4rem;
    border-radius: .08rem;
    margin-right: .17rem;
    margin-bottom: .26rem;
}

.mgd_tag_recom_box>div.tab_cont>div>a>div {
    float: left;
}

.mgd_tag_recom_box>div.tab_cont>div>a>div>p:nth-child(1) {
    font-size: 0.27rem;
    color: #00121a;
    font-weight: bold;
    line-height: 0.4rem;
    margin-bottom: 0.03rem;
    width: 4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mgd_tag_recom_box>div.tab_cont>div>a>div>p:nth-child(2) {
    font-size: 0.22rem;
    color: #666666;
    line-height: 0.32rem;
    max-height: 0.94rem;
    width: 4rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.mgd_tag_recom_box>div.tab_cont>div>ul {
    margin-top: .15rem;
}

.mgd_tag_recom_box>div.tab_cont>div>ul>li {
    float: left;
    width: 25%;
    margin-bottom: .1rem;
}

.mgd_tag_recom_box>div.tab_cont>div>ul>li>a {
    display: block;
}

.mgd_tag_recom_box>div.tab_cont>div>ul>li>a img {
    width: 1.34rem;
    height: 1.34rem;
    border-radius: .25rem;
    margin: 0 auto;
    display: block;
}

.mgd_tag_recom_box>div.tab_cont>div>ul>li>a p {
    height: .58rem;
    line-height: .58rem;
    font-size: .26rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.mgd_tag_recom_box>div.tab_cont>div>ul>li>a>span {
    display: block;
    background: #fff;
    width: 1.2rem;
    height: 0.5rem;
    line-height: 0.45rem;
    border-radius: 0.24rem;
    border: 1px solid #5ec0d9;
    margin: 0 auto;
    font-size: 0.22rem;
    color: #5ec0d9;
    text-align: center;
    white-space: nowrap;
    box-sizing: border-box;
}

.mgd_tag_recom_box>div.tab_cont>div>ul>li.no_down>a>span {
    background: #fe9f41;
}

.gdContent_8 {
    padding: 0.28rem 0 0.12rem 0;
    border-bottom: 0.1rem solid #f6f7fa;
}

.gdContent_8 .tlt_common p i {
    width: 0.3rem;
    height: 0.38rem;
    background-position: -7.23rem -1.56rem;
    margin-top: 0.02rem;
}

.gdContent_8 ul li a {
    display: block;
    overflow: hidden;
    padding: 0.26rem 0 0.17rem 0.29rem;
    border-bottom: 1px solid #e7e7e7;
}

.gdContent_8 ul li:last-child a {
    border: none;
}

.gdContent_8 ul li a img {
    float: left;
    width: 2.17rem;
    height: 1.44rem;
    border-radius: 0.08rem;
    margin-right: 0.38rem;
}

.gdContent_8 ul li a div:nth-child(2) {
    float: left;
    width: 4.28rem;
}

.gdContent_8 ul li a div:nth-child(2) p:nth-child(1) {
    height: 0.96rem;
    line-height: 0.48rem;
    font-size: 0.3rem;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.gdContent_8 ul li a div:nth-child(2) p:nth-child(2) {
    line-height: 0.57rem;
    color: #999999;
    font-size: 0.24rem;
    white-space: nowrap;
    overflow: hidden;
}

.gdContent_8 ul li a div:nth-child(2) p:nth-child(2) em {
    margin-left: 0.3rem;
}

.gdContent_9 {
    padding-top: 0.3rem;
}

.gdContent_9 .tlt_common p i {
    margin-top: 0.02rem;
    background-position: -3.53rem -4.08rem;
}

.gdContent_9 .tlt_common .change {
    position: absolute;
    right: 0.44rem;
    top: 0;
    height: 0.36rem;
    line-height: 0.36rem;
    color: #17a0fe;
    font-size: 0.24rem;
}

.gdContent_9 .tlt_common .change i {
    display: inline-block;
    width: 0.26rem;
    height: 0.26rem;
    background-position: -4.14rem -4.12rem;
    vertical-align: top;
    margin: 0.04rem 0.08rem 0 0;
}

.gdContent_9 .tlt_common .change i.cur {
    transition: 1s all ease;
    transform: rotate(360deg);
}

/* .gdContent_9 ul {
    display: flex;
    overflow: auto;
    padding: 0.3rem 0 0.42rem 0;
    border-bottom: 0.1rem solid #f6f7fa;
}

.gdContent_9 ul li a {
    display: block;
    width: 1.67rem;
    margin: 0 0.1rem;
}

.gdContent_9 ul li a img {
    display: block;
    width: 1.28rem;
    height: 1.28rem;
    border-radius: 0.3rem;
    margin: 0 auto;
}

.gdContent_9 ul li a p {
    height: 0.58rem;
    line-height: 0.58rem;
    color: #333333;
    font-size: 0.24rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
}

.gdContent_9 ul li a span:nth-child(3) {
    display: block;
    width: 1.2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    border-radius: 0.24rem;
    text-align: center;
    background: #5ec0d9;
    color: #fff;
    font-size: 0.24rem;
    margin: auto;
    white-space: nowrap;
    overflow: hidden;
}

.gdContent_9 ul li a span:nth-child(3) i {
    display: inline-block;
    width: 0.18rem;
    height: 0.2rem;
    background-position: -6.345rem -1.05rem;
    vertical-align: top;
    margin: 0.15rem 0.06rem 0 0;
}

.gdContent_9 ul li a span:nth-child(3).order {
    background: #fe9f41;
} */


.otherGame ul li a {
    display: block;
    height: 1.3rem;
    padding: 0.3rem 0.3rem;
    border-top: 1px solid #ececec;
    position: relative;
}

.otherGame ul li:first-child a {
    border: none;
}

.otherGame ul li:last-child a {
    padding-bottom: 0.34rem;
    border-bottom: 0.1rem solid #f6f7fa;
}

.otherGame ul li a img {
    float: left;
    width: 1.28rem;
    height: 1.28rem;
    border-radius: 0.28rem;
    margin-right: 0.32rem;
}

.otherGame ul li a div:nth-child(2) {
    float: left;
    width: 3.7rem;
    white-space: nowrap;
    overflow: hidden;
}

.otherGame ul li a div:nth-child(2) p:nth-child(1) {
    height: 0.55rem;
    line-height: 0.55rem;
    color: #333333;
    font-size: 0.3rem;
}

.otherGame ul li a div:nth-child(2) p:nth-child(2) {
    height: 0.36rem;
    line-height: 0.36rem;
    color: #b1b1b1;
    font-size: 0.22rem;
}

.otherGame ul li a div:nth-child(2) p:nth-child(2) em {
    color: #5ec0d9;
}

.otherGame ul li a div:nth-child(2) p:nth-child(3) {
    height: 0.34rem;
    line-height: 0.34rem;
    color: #666666;
    font-size: 0.22rem;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.otherGame ul li a span:nth-child(3) {
    float: right;
    width: 1.12rem;
    height: 0.5rem;
    line-height: 0.5rem;
    background: #fff;
    border: 1px solid #5ec0d9;
    border-radius: 0.3rem;
    text-align: center;
    color: #5ec0d9;
    font-size: 0.24rem;
    margin-top: 0.42rem;
}





/* 首页 */
.homeContent_1 {
    height: 4.44rem;
}

.homeContent_1 .slide {
    height: 4.44rem;
    position: relative;
    border-radius: 0.18rem;
    margin: 0 auto;
}

.homeContent_1 .slide .swiper-slide {
    width: 6.92rem;
    height: 4.44rem;
    ;
    border-radius: 0.18rem;
}

.homeContent_1 .slide .swiper-slide img {
    width: 6.92rem;
    height: 3.86rem;
    border-radius: 0.18rem;
    box-shadow: 0 0.1rem 0.25rem 0 rgba(227, 4, 18, .15);
}

.homeContent_1 .slide .swiper-pagination-bullet {
    width: 0.56rem;
    height: 0.08rem;
    background: #ffffff40;
    border-radius: 0.04rem;
    opacity: 1;
    margin-right: 0.1rem;
}

.homeContent_1 .slide .swiper-pagination-bullet-active {
    background: linear-gradient(to right, #fd6407, #ee0e74);
}

.homeContent_1 .slide .swiper-slide p {
    position: absolute;
    width: 100%;
    height: 0.58rem;
    line-height: 0.58rem;
    font-size: 0.24rem;
    color: #ffffff;
    border-radius: 0 0 0.18rem 0.18rem;
    background: linear-gradient(to top, #000000, transparent);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    bottom: 0.57rem;
}

.homeContent_1 .slide .swiper-pagination-bullet {
    width: 0.22rem;
    height: 0.06rem;
    background: #ffd1d4;
}

.homeContent_1 .slide .swiper-pagination-bullet-active {
    background: #5ec0d9;
}

.homeContent_2 {
    height: 0.82rem;
    line-height: 0.82rem;
    color: #5ec0d9;
    font-size: 0.22rem;
}

.homeContent_2 .headline {
    float: left;
    width: 0.82rem;
    height: 0.82rem;
    border-radius: 0.12rem;
    background-position: -0.08rem -4.82rem;
    margin-left: 0.3rem;
}

.homeContent_2 .txt {
    float: left;
    height: 0.62rem;
    line-height: 0.62rem;
    width: 5.9rem;
    margin-top: 0.1rem;
    background: linear-gradient(to right, #fff6f2 90%, #fff);
}

.homeContent_2 .txt i {
    height: 0.26rem;
    width: 0.36rem;
    display: inline-block;
    background-position: -5.22rem -4.13rem;
    vertical-align: top;
    margin: 0.18rem 0.1rem 0 0.12rem;
}

.homeContent_2 .txt i:nth-child(3) {
    transform: rotate(180deg);
    margin: 0.18rem 0.2rem 0 0;
}

.homeContent_2 .txt a {
    display: inline-block;
    width: 4.48rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.homeContent_3 {
    padding: 0.33rem 0 0.34rem 0;
    border-top: 0.1rem solid #f6f7fa;
    border-bottom: 0.1rem solid #f6f7fa;
}

.homeContent_3 .tlt_common p i {
    width: 0.26rem;
    height: 0.38rem;
    background-position: -5.72rem -4.07rem;
    margin-top: 0;
}

.homeContent_3.app .tlt_common p i {
    width: 0.32rem;
    height: 0.36rem;
    background-position: -7.39rem -4.08rem;
    margin-top: 0;
}

.homeContent_3 ul {
    overflow: hidden;
}

.homeContent_3 ul li {
    float: left;
}

.homeContent_3 ul li a {
    display: block;
    width: 1.68rem;
    height: 2.34rem;
    margin: 0 0.1rem;
}

.homeContent_3 ul li:nth-child(4n) a {
    margin-left: 0;
}

.homeContent_3 ul li a img {
    display: block;
    width: 1.28rem;
    height: 1.28rem;
    border-radius: 0.28rem;
    margin: 0.28rem auto 0;
}

.homeContent_3 ul li a p {
    text-align: center;
    height: 0.56rem;
    line-height: 0.56rem;
    color: #333333;
    font-size: 0.24rem;
    white-space: nowrap;
    overflow: hidden;
}

.homeContent_3 ul li a span {
    display: block;
    background: #5ec0d9;
    width: 1.2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    border-radius: 0.24rem;
    margin: 0 auto;
    font-size: 0.22rem;
    color: #fff;
    text-align: center;
    white-space: nowrap;
}

.homeContent_3 ul li a span i {
    display: inline-block;
    width: 0.18rem;
    height: 0.2rem;
    background-position: -6.34rem -0.08rem;
    vertical-align: top;
    margin: 0.14rem 0.08rem 0 0;
}

.homeContent_3 ul li a .order {
    background: #fe9f41;
}

.homeContent_4 {
    padding-top: 0.24rem;
}

.homeContent_4 .tlt_common p i {
    width: 0.28rem;
    height: 0.42rem;
    background-position: -6.21rem -4.06rem;
    margin-top: -0.06rem;
}

.homeContent_4 .slideIndex {
    padding: 0.26rem 0 0.3rem 0;
    margin-left: 0.3rem;
    overflow: hidden;
}

.homeContent_4 .gallery-top span,
.homeContent_4 .gallery-top2 span {
    height: 0.3rem;
    line-height: 0.3rem;
    padding: 0 0.08rem;
    background: #00000080;
    position: absolute;
    top: 0.08rem;
    right: 0.08rem;
    border-radius: 0 0.08rem 0 0.08rem;
    color: #fff;
}

.homeContent_4 .gallery-top img,
.homeContent_4 .gallery-top2 img {
    display: block;
    width: 2.8rem;
    height: 1.54rem;
    border-radius: 0.16rem;
    box-shadow: 0 0.04rem 0.1rem 0 rgb(197 197 197);
}

.homeContent_4 .gallery-top p,
.homeContent_4 .gallery-top2 p {
    width: 2.8rem;
    height: 0.58rem;
    line-height: 0.58rem;
    color: #333;
    font-size: 0.22rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.homeContent_4 .gallery-top .swiper-slide,
.homeContent_4 .gallery-top2 .swiper-slide {
    width: 2.8rem;
    height: 2.14rem;
}

.homeContent_4 .gallery-top .swiper-slide-active,
.homeContent_4 .gallery-top2 .swiper-slide-active {
    width: 3.8rem;
}

.homeContent_4 .gallery-top .swiper-slide-active::before,
.homeContent_4 .gallery-top2 .swiper-slide-active::before {
    content: '';
    position: absolute;
    bottom: -0.22rem;
    left: 0;
    right: 0;
    width: 0.18rem;
    height: 0.14rem;
    margin: auto;
    background-image: url(../images/icon.png);
    background-size: 8rem 8rem;
    background-position: -6.66rem -4.2rem;
}

.homeContent_4 .gallery-top .swiper-slide-active img,
.homeContent_4 .gallery-top2 .swiper-slide-active img {
    border: 0.02rem solid #00AAD5;
    width: 3.8rem;
    height: 2.08rem;
}

.homeContent_4 .gallery-top .swiper-slide-active p,
.homeContent_4 .gallery-top2 .swiper-slide-active p {
    display: none;
}

.homeContent_4 .tabList div {
    /* width: 6.92rem; */
    margin-top: 0.3rem;
    background: #fff3f4;
    height: 0.48rem;
}

.homeContent_4 .tabList div p.name {
    float: left;
    width: 3.5rem;
    height: 0.28rem;
    line-height: 0.28rem;
    color: #00AAD5;
    border-left: 0.05rem solid #00AAD5;
    margin-top: 0.1rem;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 0.15rem;
    text-overflow: ellipsis;
}

.homeContent_4 .tabList div p.date {
    float: right;
    height: 0.48rem;
    line-height: 0.48rem;
    color: #33c0e4;
    font-size: 0.16rem;
    margin-right: 0.3rem;
}

.homeContent_4 .tabList div p.date i {
    display: inline-block;
    vertical-align: top;
    width: 0.2rem;
    height: 0.2rem;
    background-position: -7rem -0.1rem;
    margin: 0.15rem 0.08rem 0 0;
}

.homeContent_4 .tabList ul {
    display: flex;
    overflow: auto;
    padding: 0.21rem 0 0 0;
}

.homeContent_4 .tabList ul li a img {
    display: block;
    width: 0.88rem;
    height: 0.88rem;
    border-radius: 0.18rem;
    margin-right: 0.3rem;
}

/*.homeContent_4 .tabList ul li:last-child a {
  display: block;
  width: 0.86rem;
  height: 0.86rem;
  line-height: 0.86rem;
  border: 1px dashed #fe9f40;
  background: #fbf1ed;
  text-align: center;
  border-radius: 0.18rem;
  font-size: 0.26rem;
  color: #fe9f41;
  white-space: nowrap;
  overflow: hidden;
}*/
.swiper-notification {
    display: none;
}

.homeContent_4.app .tlt_common p i {
    width: 0.32rem;
    height: 0.36rem;
    background-position: -1.14rem -5.05rem;
    margin-top: 0;
}

.homeContent_4 .gallery-top2 .swiper-slide-active img {
    border-color: #00cdc2;
}

.homeContent_4 .gallery-top2 .swiper-slide-active::before {
    background-position: -1.7rem -5.15rem;
}

.homeContent_4.app .tabList div {
    background: #eafeff;
}

.homeContent_4.app .tabList div p.name {
    border-color: #00d1cd;
    color: #00d1cd;
}

.homeContent_4.app .tabList div p.date {
    color: #a1ebea;
}

.homeContent_4.app .tabList div p.date i {
    background-position: -2.12rem -5.1rem;
}

.homeContent_5 {
    padding-top: 0.28rem;
}

.homeContent_5 .tlt_common p i {
    width: 0.36rem;
    height: 0.35rem;
    background-position: -2.57rem -5.03rem;
}

.homeContent_5 .tabBar {
    height: 1.06rem;
    background-size: cover;
    border-radius: 0.1rem 0.1rem 0 0;
    padding: 0.4rem 0 0 0.32rem;
    margin-top: 0.15rem;
    display: flex;
}

.homeContent_5 .tabBar div {
    width: 2.16rem;
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    border-radius: 0.14rem;
    color: #c3a78e;
    font-size: 0.26rem;
    background: #fdf4eb;
    margin-right: 0.2rem;
    position: relative;
}

.homeContent_5 .tabBar div i {
    position: absolute;
    bottom: 0;
    right: 0;
}

.homeContent_5 .tabBar div:nth-child(1) i {
    width: 0.71rem;
    height: 0.59rem;
    background-position: -5.3rem -2.78rem;
}

.homeContent_5 .tabBar div:nth-child(2) i {
    width: 0.63rem;
    height: 0.59rem;
    background-position: -6.25rem -2.74rem;
}

.homeContent_5 .tabBar div:nth-child(3) i {
    width: 0.58rem;
    height: 0.51rem;
    background-position: -7.23rem -2.82rem;
}

.homeContent_5 .tabBar div span {
    position: relative;
    z-index: 1;
}

.homeContent_5 .tabBar div.current {
    color: #fff;
    font-weight: bold;
    background: linear-gradient(to right, #ffc208, #ff9705);
    box-shadow: 0 0.1rem 0.25rem 0 rgba(255, 151, 5, .25);
}

.homeContent_5 .tabBar div:nth-child(1).current i {
    background-position: -2.73rem -2.8rem;
}

.homeContent_5 .tabBar div:nth-child(2).current i {
    background-position: -3.67rem -2.77rem;
}

.homeContent_5 .tabBar div:nth-child(3).current i {
    background-position: -4.46rem -2.84rem;
}

.homeContent_5 ul li a {
    display: block;
    height: 1.3rem;
    padding: 0.3rem 0.3rem;
    border-top: 1px solid #ececec;
    position: relative;
}

.homeContent_5 ul li:first-child a {
    border: none;
}

.homeContent_5 ul li:last-child a {
    padding-bottom: 0.34rem;
    border-bottom: 0.1rem solid #f6f7fa;
}

.homeContent_5 ul li a img {
    float: left;
    width: 1.28rem;
    height: 1.28rem;
    border-radius: 0.28rem;
    margin-right: 0.32rem;
}

.homeContent_5 ul li a div:nth-child(3) {
    float: left;
    width: 3.7rem;
    white-space: nowrap;
    overflow: hidden;
}

.homeContent_5 ul li a div:nth-child(3) p:nth-child(1) {
    height: 0.55rem;
    line-height: 0.55rem;
    color: #333333;
    font-size: 0.3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.homeContent_5 ul li a div:nth-child(3) p:nth-child(2) {
    height: 0.36rem;
    line-height: 0.36rem;
    color: #b1b1b1;
    font-size: 0.22rem;
}

.homeContent_5 ul li a div:nth-child(3) p:nth-child(2) em {
    color: #5ec0d9;
}

.homeContent_5 ul li a div:nth-child(3) p:nth-child(3) {
    height: 0.34rem;
    line-height: 0.34rem;
    color: #666666;
    font-size: 0.22rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.homeContent_5 ul li a span:nth-child(4) {
    float: right;
    width: 1.12rem;
    height: 0.5rem;
    line-height: 0.5rem;
    background: #fff;
    border: 1px solid #5ec0d9;
    border-radius: 0.3rem;
    text-align: center;
    color: #5ec0d9;
    font-size: 0.24rem;
    margin-top: 0.42rem;
}

.homeContent_5 ul li a i:nth-child(1) {
    position: absolute;
    left: 0.3rem;
    top: 0.3rem;
    width: 0.44rem;
    height: 0.57rem;
    line-height: 0.46rem;
    text-align: center;
    font-size: 0.3rem;
    color: #fff;
    font-weight: bold;
    background-position: -0.06rem -2.79rem;
}

.homeContent_5 ul li:nth-child(1) a i:nth-child(1) {
    background-position: -0.7rem -2.8rem;
}

.homeContent_5 ul li:nth-child(2) a i:nth-child(1) {
    background-position: -1.34rem -2.8rem;
}

.homeContent_5 ul li:nth-child(3) a i:nth-child(1) {
    background-position: -1.96rem -2.8rem;
}

.homeContent_6 {
    overflow: hidden;
    padding: 0.12rem 0 0.18rem 0.3rem;
}

.homeContent_6 ul li {
    float: left;
}

.homeContent_6 ul li a {
    display: block;
    height: 0.8rem;
    line-height: 0.8rem;
    width: 2.46rem;
    margin-right: 1rem;
    font-size: 0.28rem;
    color: #333333;
    padding-left: 0.3rem;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.homeContent_6 ul li a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 0.16rem;
    height: 0.16rem;
    border-radius: 50%;
    background: #5ec0d9;
}

.homeContent_6 ul li:nth-child(2n) a {
    margin-right: 0;
}

.homeContent_7 {
    padding-top: 0.24rem;
    border-top: 0.1rem solid #f6f7fa;
}

.homeContent_7.news .tlt_common p i {
    width: 0.3rem;
    height: 0.38rem;
    background-position: -7.23rem -1.56rem;
    margin-top: 0.02rem;
}

.homeContent_7 .tabBar {
    height: 1.34rem;
    display: flex;
}

.homeContent_7 .tabBar div {
    width: 1.64rem;
    height: 0.9rem;
    line-height: 0.9rem;
    border-radius: 0.16rem;
    background: #f6f7fa;
    text-align: center;
    font-size: 0.28rem;
    color: #333333;
    font-weight: bold;
    margin-left: 0.11rem;
    margin-top: 0.32rem;
}

.homeContent_7 .tabBar div:nth-child(1) {
    margin-left: 0.3rem;
}

.homeContent_7 .tabBar div.current {
    color: #fff;
    background: linear-gradient(to right bottom, #fc037b, #e50418);
    box-shadow: 0 0.1rem 0.25rem 0 rgba(227, 4, 15, .2);
}

.homeContent_7 ul {
    margin-top: 0.05rem;
}

.homeContent_7 ul li a {
    display: block;
    overflow: hidden;
    padding: 0.26rem 0 0.17rem 0.29rem;
    border-bottom: 1px solid #e7e7e7;
}

.homeContent_7 ul li:last-child a {
    border: none;
}

.homeContent_7 ul li a img {
    float: left;
    width: 2.17rem;
    height: 1.44rem;
    border-radius: 0.08rem;
    margin-right: 0.38rem;
}

.homeContent_7 ul li a .cont {
    float: left;
    width: 4.28rem;
}

.homeContent_7 ul li a .cont p:nth-child(1) {
    height: 0.96rem;
    line-height: 0.48rem;
    font-size: 0.3rem;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.homeContent_7 ul li a .cont p:nth-child(2) {
    line-height: 0.57rem;
    color: #999999;
    font-size: 0.24rem;
    white-space: nowrap;
    overflow: hidden;
}

.homeContent_7 ul li a .cont p:nth-child(2) em {
    margin-left: 0.3rem;
}

.homeContent_7 ul li:nth-child(3n) a {
    padding: 0.22rem 0.32rem 0.15rem 0.29rem;
}

.homeContent_7 ul li a p:nth-child(1) {
    line-height: 0.48rem;
    font-size: 0.3rem;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.homeContent_7 ul li a div:nth-child(2) {
    margin: 0.14rem 0;
    overflow: hidden;
}

.homeContent_7 ul li a div:nth-child(2) img {
    float: left;
    width: 2.16rem;
    height: 1.44rem;
    border-radius: 0.08rem;
    margin-right: 0.19rem;
}

.homeContent_7 ul li a div:nth-child(2) img:last-child {
    margin-right: 0;
}

.homeContent_7 ul li a p:nth-child(3) {
    line-height: 0.42rem;
    color: #999999;
    font-size: 0.24rem;
    white-space: nowrap;
    overflow: hidden;
}

.homeContent_7 ul li a p:nth-child(3) em {
    margin-left: 0.3rem;
}

.viewMore {
    text-align: center;
    display: block;
    width: 6.86rem;
    height: 0.64rem;
    line-height: 0.64rem;
    border: 1px dashed #ffd1d4;
    border-radius: 0.34rem;
    margin: 0.12rem auto 0.42rem;
    font-size: 0.26rem;
    color: #5ec0d9;
}

.homeContent_8 {
    padding: 0.2rem 0 0.28rem 0.3rem;
    background: #f3f3f3;
}

.homeContent_8 .tlt {
    height: 0.76rem;
    line-height: 0.76rem;
    color: #333333;
    font-size: 0.36rem;
    padding-left: 0.2rem;
    position: relative;
}

.homeContent_8 .tlt span {
    color: #00AAD5;
}

.homeContent_8 .tlt::before {
    content: '';
    position: absolute;
    width: 0.05rem;
    height: 0.28rem;
    background: #00AAD5;
    top: 0.24rem;
    left: 0;
}

.homeContent_8 ul li {
    display: inline-block;
    height: 0.62rem;
    line-height: 0.62rem;
    color: #666666;
    font-size: 0.24rem;
    margin-right: 0.28rem;
}

.homeContent_21 {
    padding: 0.26rem 0 0.3rem 0;
}

.homeContent_21 .tlt_common p i {
    width: 0.18rem;
    height: 0.26rem;
    background-position: -6rem -0.06rem;
    margin-top: 0.06rem;
}

.homeContent_21 .tlt_common p {
    position: relative;
}

.homeContent_21 .tlt_common p::after {
    content: '';
    position: absolute;
    width: 5.06rem;
    height: 0.16rem;
    background: url(../images/homebg1.png) no-repeat center;
    background-size: cover;
    left: 1.8rem;
    top: 0.1rem;
}

.homeContent_21 .tlt_common .change {
    position: absolute;
    right: 0.44rem;
    top: 0;
    height: 0.36rem;
    line-height: 0.36rem;
    color: #17a0fe;
    font-size: 0.24rem;
    font-weight: normal;
}

.homeContent_21 .tlt_common .change i {
    display: inline-block;
    width: 0.28rem;
    height: 0.28rem;
    background-position: -4.12rem -4.14rem;
    vertical-align: top;
    margin: 0.06rem 0.08rem 0 0;
}

.homeContent_21 .tlt_common .change i.cur {
    transition: 1s all ease;
    transform: rotate(360deg);
}

.homeContent_21 .changeBox ul {
    display: flex;
    flex-wrap: wrap;
    overflow: auto;
    padding-top: 0.3rem;
}

.homeContent_21 .changeBox ul li a {
    display: block;
    width: 1.67rem;
    margin: 0 0.1rem;
}

.homeContent_21 .changeBox ul li a img {
    display: block;
    width: 1.28rem;
    height: 1.28rem;
    border-radius: 0.3rem;
    margin: 0 auto;
}

.homeContent_21 .changeBox ul li a p {
    height: 0.58rem;
    line-height: 0.58rem;
    color: #333333;
    font-size: 0.24rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.homeContent_21 .recommoendBox .recommendGame {
    height: 1.47rem;
    padding: 0.5rem 0.64rem 0;
}

.homeContent_21 .recommoendBox .recommendGame img {
    float: left;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    margin-right: 0.34rem;
}

.homeContent_21 .recommoendBox .recommendGame .cont {
    width: 3rem;
    float: left;
    white-space: nowrap;
    overflow: hidden;
}

.homeContent_21 .recommoendBox .recommendGame .cont .name {
    height: 0.48rem;
    line-height: 0.48rem;
    color: #333333;
    font-size: 0.3rem;
}

.homeContent_21 .recommoendBox .recommendGame .cont .type {
    height: 0.66rem;
    line-height: 0.66rem;
    color: #b1b1b1;
    font-size: 0.22rem;
}

.homeContent_21 .recommoendBox .recommendGame .cont .type em {
    color: #5ec0d9;
}

.homeContent_21 .recommoendBox .recommendGame .down {
    float: right;
    width: 1.12rem;
    height: 0.42rem;
    line-height: 0.42rem;
    border: 1px solid #5ec0d9;
    border-radius: 0.24rem;
    text-align: center;
    font-size: 0.24rem;
    color: #5ec0d9;
    margin-top: 0.2rem;
}

.homeContent_21 .recommendList {
    overflow: auto;
    margin: 0.1rem 0 0 0.3rem;
    white-space: nowrap;
}

.homeContent_21 .recommendList li {
    display: inline-block;
    white-space: nowrap;
}

.homeContent_21 .recommendList li a {
    display: block;
    height: 0.58rem;
    line-height: 0.58rem;
    padding: 0 0.24rem;
    margin-right: 0.22rem;
    border: 1px solid #ffd1d4;
    border-radius: 0.3rem;
    font-size: 0.24rem;
    color: #f90470;
    text-align: center;
}





.homeContent_22 {
    padding: 0.26rem 0 0.3rem 0;
}

.homeContent_22 .tlt_common p i {
    width: 0.26rem;
    height: 0.38rem;
    background-position: -5.72rem -4.07rem;
    margin-top: 0;
}

.homeContent_22 .tlt_common p {
    position: relative;
}

.homeContent_22 .tlt_common .change {
    position: absolute;
    right: 0.44rem;
    top: 0;
    height: 0.36rem;
    line-height: 0.36rem;
    color: #17a0fe;
    font-size: 0.24rem;
    font-weight: normal;
}

.homeContent_22 .tlt_common .change i {
    display: inline-block;
    width: 0.28rem;
    height: 0.28rem;
    background-position: -4.12rem -4.14rem;
    vertical-align: top;
    margin: 0.06rem 0.08rem 0 0;
}

.homeContent_22 .tlt_common .change i.cur {
    transition: 1s all ease;
    transform: rotate(360deg);
}

.homeContent_22 .changeBox ul {
    display: flex;
    flex-wrap: wrap;
    overflow: auto;
    padding-top: 0.3rem;
}

.homeContent_22 .changeBox ul li a {
    display: block;
    width: 1.67rem;
    margin: 0 0.1rem;
}

.homeContent_22 .changeBox ul li a img {
    display: block;
    width: 1.28rem;
    height: 1.28rem;
    border-radius: 0.3rem;
    margin: 0 auto;
}

.homeContent_22 .changeBox ul li a p {
    height: 0.58rem;
    line-height: 0.58rem;
    color: #333333;
    font-size: 0.24rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.homeContent_22 .recommoendBox .recommendGame {
    height: 1.47rem;
    padding: 0.5rem 0.64rem 0;
}

.homeContent_22 .recommoendBox .recommendGame img {
    float: left;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    margin-right: 0.34rem;
}

.homeContent_22 .recommoendBox .recommendGame .cont {
    width: 3rem;
    float: left;
    white-space: nowrap;
    overflow: hidden;
}

.homeContent_22 .recommoendBox .recommendGame .cont .name {
    height: 0.48rem;
    line-height: 0.48rem;
    color: #333333;
    font-size: 0.3rem;
}

.homeContent_22 .recommoendBox .recommendGame .cont .type {
    height: 0.66rem;
    line-height: 0.66rem;
    color: #b1b1b1;
    font-size: 0.22rem;
}

.homeContent_22 .recommoendBox .recommendGame .cont .type em {
    color: #5ec0d9;
}

.homeContent_22 .recommoendBox .recommendGame .down {
    float: right;
    width: 1.12rem;
    height: 0.42rem;
    line-height: 0.42rem;
    border: 1px solid #5ec0d9;
    border-radius: 0.24rem;
    text-align: center;
    font-size: 0.24rem;
    color: #5ec0d9;
    margin-top: 0.2rem;
}

.homeContent_22 .recommendList {
    overflow: auto;
    margin: 0.1rem 0 0 0.3rem;
    white-space: nowrap;
}

.homeContent_22 .recommendList li {
    display: inline-block;
    white-space: nowrap;
}

.homeContent_22 .recommendList li a {
    display: block;
    height: 0.58rem;
    line-height: 0.58rem;
    padding: 0 0.24rem;
    margin-right: 0.22rem;
    border: 1px solid #ffd1d4;
    border-radius: 0.3rem;
    font-size: 0.24rem;
    color: #f90470;
    text-align: center;
}

.popupsIcon {
    display: inline-block;
}

.jubao {
    display: block;
    width: 0.48rem;
    line-height: 0.26rem;
    padding: 0.2rem 0;
    position: fixed;
    right: 0;
    font-size: 0.26rem;
    text-align: center;
    top: 61%;
    color: #888;
    border: 1px solid #888;
    z-index: 999999;
    background: #fff;
    border-radius: 3px;
}

.art .time .jubao {
    padding-left: 0.1rem
}

#popupsBox {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #00000050;
    z-index: 99;
}

#popupsBox .orderBox {
    width: 6.5rem;
    margin: 3rem auto 0;
    border-radius: 0.2rem;
    background: linear-gradient(to right bottom, #ff785a, #ff4751);
    position: relative;
}

.popupsClose {
    position: absolute;
    bottom: -0.98rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 0.54rem;
    height: 0.54rem;
    background-position: -5.1rem -1rem;
    cursor: pointer;
}

#popupsBox .orderBg {
    width: 4.4rem;
    height: 2.3rem;
    background-position: -0.06rem -0.1rem;
    position: absolute;
    top: -1.3rem;
    left: 0.6rem;
}

#popupsBox .orderBg p {
    height: 0.4rem;
    line-height: 0.4rem;
    color: #fff;
    font-size: 0.26rem;
    font-weight: bold;
    margin: 1.64rem 0 0 2.2rem;
}

#popupsBox .orderContent {
    height: 2.52rem;
    width: 5.76rem;
    background: #fff;
    margin: 0 auto;
    border-radius: 0.1rem;
    position: relative;
    overflow: hidden;
}

#popupsBox .orderBg .orderContent>p {
    margin-top: 1.52rem;
    line-height: 1.24rem;
    font-size: 0.34rem;
    font-weight: bold;
    text-align: center;
    color: #404040;
}

#popupsBox .orderBox .order {
    position: relative;
    width: 100%;
    padding: 1rem 0 0.38rem;
    border-radius: 0.2rem;
}

#popupsBox .orderBox .order input[type=text] {
    width: 4.33rem;
    height: 0.74rem;
    border: 1px solid #d8d8d8;
    border-radius: 0.1rem;
    background: #ffffff;
    padding-left: 0.86rem;
    font-size: 0.2rem;
    color: #cccccc;
    margin: 0.45rem 0 0 0.36rem;
}

#popupsBox .orderBox .order .phone {
    position: absolute;
    width: 0.26rem;
    height: 0.4rem;
    top: 0.63rem;
    left: 0.58rem;
    background-position: -5.26rem -0.28rem;
}

#popupsBox .orderBox .order .phone::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 0.5rem;
    background: #e3e3e3;
    top: -0.06rem;
    right: -0.22rem;
}

#popupsBox .orderBox .order .errTips {
    height: 0.3rem;
    line-height: 0.3rem;
    color: #fa5e4f;
    font-size: 0.2rem;
    margin-left: 0.38rem;
}

#popupsBox .orderBox .order .msg {
    height: 0.36rem;
    line-height: 0.36rem;
    color: #404040;
    font-size: 0.22rem;
    text-align: center;
}

#popupsBox .orderBox .order .msg em {
    color: #cc0000;
}

#popupsBox .orderBox .order .tip {
    height: 0.34rem;
    line-height: 0.34rem;
    color: #cccccc;
    font-size: 0.2rem;
    text-align: center;
}

#popupsBox .orderBox .order .nextBtn,
#popupsBox .orderBox .orderWin .knowBtn,
#popupsBox .orderBox .hasOrder .knowBtn {
    width: 2.68rem;
    height: 0.62rem;
    line-height: 0.62rem;
    text-align: center;
    font-size: 0.3rem;
    color: #fff;
    background: #ffc700;
    border-radius: 0.32rem;
    margin: 0.28rem auto 0;
    cursor: pointer;
}

#popupsBox .orderBox .orderWin .knowBtn,
#popupsBox .orderBox .hasOrder .knowBtn {
    margin-top: 0.28rem;
}

#popupsBox .orderBox .orderWin,
#popupsBox .orderBox .hasOrder {
    padding: 1rem 0 0.48rem;
    border-radius: 0.2rem;
}

#popupsBox .orderBox .orderWin i,
#popupsBox .orderBox .hasOrder i {
    display: block;
    width: 2.14rem;
    height: 1.26rem;
    background-position: -0.12rem -2.88rem;
    margin: 0.28rem auto 0;
}

#popupsBox .orderBox .hasOrder i {
    width: 2.06rem;
    height: 1.32rem;
    margin-top: 0.24rem;
    background-position: -2.92rem -2.8rem;
}

#popupsBox .orderBox .orderWin p,
#popupsBox .orderBox .hasOrder p {
    height: 0.82rem;
    line-height: 0.82rem;
    font-size: 0.3rem;
    color: #14cab4;
    text-align: center;
    font-weight: bold;
}

#popupsBox .orderBox .hasOrder p {
    color: #ffb800;
}

#popupsBox .feedback,
#popupsBox .permissionStatement {
    width: 6.5rem;
    height: 10.14rem;
    margin: 1.4rem auto 0;
    background: #ffffff;
    border-radius: 0.1rem;
    position: relative;
}

#popupsBox .permissionStatement .topBg {
    width: 6.5rem;
    height: 1.45rem;
    border-radius: 0.1rem 0.1rem 0 0;
    background-position: -0.05rem -7.72rem;
}

#popupsBox .feedback .topBg {
    width: 6.5rem;
    height: 2.6rem;
    background-position: -0.1rem -4.68rem;
    border-radius: 0.1rem 0.1rem 0 0;
    position: relative;
    top: -0.22rem;
}

#popupsBox .permissionStatement {
    height: 9rem;
}

#popupsBox .permissionStatement .topBg p {
    height: 1.36rem;
    line-height: 1.36rem;
    color: #6c2e00;
    font-size: 0.42rem;
    font-weight: bold;
    text-align: center;
}

#popupsBox .permissionStatement .state {
    height: 5.66rem;
    overflow: auto;
    margin: 0.24rem 0.36rem;
    position: relative;
}

#popupsBox .permissionStatement .linear {
    content: "";
    position: absolute;
    bottom: 1.58rem;
    left: 0.32rem;
    width: 5.6rem;
    height: 0.41rem;
    background: linear-gradient(to top, #fff, #fff0);
    background: linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
}

#popupsBox .privacyStatement .know,
#popupsBox .permissionStatement .know {
    width: 3.48rem;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    font-size: 0.3rem;
    color: #fff;
    background: #f4696a;
    border-radius: 0.4rem;
    margin: 0.28rem auto 0;
    cursor: pointer;
}

#popupsBox .permissionStatement .state::-webkit-scrollbar {
    width: 0.08rem;
    background: transparent;
}

#popupsBox .permissionStatement .state::-webkit-scrollbar-thumb {
    background: #dfdfdf;
    border-radius: 0.08rem;
}

#popupsBox .permissionStatement .state p {
    line-height: 0.44rem;
    font-size: 0.24rem;
    color: #333333;
    margin-right: 0.2rem;
}

#popupsBox .permissionStatement .state .h3 {
    line-height: 0.54rem;
    font-size: 0.24rem;
    color: #333333;
    font-weight: bold;
    margin-right: 0.2rem;
}

#popupsBox .feBack {
    height: 5.82rem;
    overflow: auto;
    margin: 0 0.3rem 0;
}

#popupsBox .feBack::-webkit-scrollbar {
    width: 0.08rem;
    background: transparent;
}

#popupsBox .feBack::-webkit-scrollbar-thumb {
    background: #dfdfdf;
    border-radius: 0.08rem;
}

#popupsBox .feBack>p {
    height: 0.47rem;
    line-height: 0.47rem;
    font-size: 0.28rem;
    color: #000000;
}

#popupsBox .feBack>p:nth-child(3),
#popupsBox .feBack>p:nth-child(5) {
    height: 0.66rem;
    line-height: 0.66rem;
}

#popupsBox .feBack .checkbox {
    position: relative;
    height: 0.63rem;
    line-height: 0.63rem;
    width: 5.2rem;
}

#popupsBox .feBack .checkbox input[type='checkbox'] {
    position: absolute;
    right: 0;
    top: 0;
    width: 0.2rem;
    height: 0.2rem;
    opacity: 0;
}

#popupsBox .feBack .checkbox label {
    position: absolute;
    left: 0px;
    top: 0;
    height: 0.63rem;
    line-height: 0.63rem;
    font-size: 0.24rem;
    color: #666666;
    text-align: left;
    padding-left: 0.48rem;
}

#popupsBox .feBack .checkbox label::before {
    content: '';
    position: absolute;
    left: 0.02rem;
    top: 0.16rem;
    width: 0.3rem;
    height: 0.3rem;
    border: 0.01rem solid #d0d0d0;
    border-radius: 50%;
    box-sizing: border-box;
}

#popupsBox .feBack .checkbox input[type='checkbox']:checked+label::before {
    border: none;
}

#popupsBox .feBack textarea {
    width: 4.86rem;
    height: 0.96rem;
    border: none;
    border-radius: 0.1rem;
    resize: none;
    background: #f0f0f0;
    padding: 0.14rem;
    font-size: 0.2rem;
    color: #999999;
    margin-bottom: 0.06rem;
}

#popupsBox input[type=tel] {
    border: none;
    height: 0.6rem;
    width: 5.1rem;
    font-size: 14px;
    padding-left: 0.06rem;
    border-radius: 0.1rem;
    color: #999999;
    background: #f0f0f0;
    margin-bottom: 0.2rem;
    padding-left: 0.2rem;
}

#popupsBox input[type=tel]::-webkit-input-placeholder {
    color: #888;
}

#popupsBox input[type=tel]:-moz-placeholder {
    color: #888;
}

#popupsBox input[type=tel]::-moz-placeholder {
    color: #888;
}

#popupsBox input[type=tel]:-ms-input-placeholder {
    color: #888;
}

#popupsBox .feedback input[type=button] {
    display: block;
    height: 0.8rem;
    line-height: 0.8rem;
    width: 3.5rem;
    background: #5978f5;
    border-radius: 0.4rem;
    font-size: 0.3rem;
    color: #fff;
    border: none;
    margin: 0.24rem auto 0;
    box-shadow: 0 0.05rem 0.08rem 0 rgba(0, 42, 255, .3);
}

#popupsBox .feedback .linear {
    content: "";
    position: absolute;
    bottom: 1.6rem;
    left: 0.3rem;
    width: 5.6rem;
    height: 0.3rem;
    background: linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
}

.mky_news_top_adv {
    position: relative;
}

.mky_news_top_adv>a {
    display: block;
}

.mky_news_top_adv>a>img {
    width: 100%;
    height: auto;
    max-width: 7.5rem;
    display: block;
}

.mky_news_top_adv>i {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.mky_news_top_adv>div {
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1.36rem;
    height: .4167rem;
    line-height: .4167rem;
    text-align: center;
    background-color: rgba(0, 0, 0, .4);
    border-top-left-radius: .25rem;
}

.mky_news_middle_adv_box {
    padding: 0 .3rem .25rem;
}

.mky_news_middle_adv {
    border: .01rem solid #e6e6e6;
}

.mky_news_middle_adv>p:nth-child(1) {
    padding: .25rem;
    font-size: .3rem;
    line-height: .32rem;
}

.mky_news_middle_adv>p:nth-child(1)>span {
    display: inline-block;
    border: .01rem solid #f4f4f4;
    background-color: #f4f4f4;
    padding: .05rem;
    border-radius: .1rem;
    font-size: .24rem;
    color: #999;
}

.mky_news_middle_adv>p:nth-child(1)>a {
    float: right;
    font-size: .24rem;
}

.mky_news_middle_adv>div:nth-child(2) video {
    width: 100%;
    height: auto;
}

.mky_news_middle_adv>div:nth-child(2) a {
    display: block;
}

.mky_news_middle_adv>div:nth-child(2) img {
    width: 100%;
    height: auto;
}

.mky_news_middle_adv>div:nth-child(3) {
    padding: .15rem;
}

.mky_news_middle_adv>div:nth-child(3)>img {
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .15rem;
    float: left;
}

.mky_news_middle_adv>div:nth-child(3)>div {
    float: left;
    margin-left: .2rem;
}

.mky_news_middle_adv>div:nth-child(3)>div>p:nth-child(1) {
    line-height: 0.45rem;
    height: 0.45rem;
    font-size: 0.35rem;
    font-weight: bold;
    margin-top: .15rem;
    margin-bottom: .15rem;
}

.mky_news_middle_adv>div:nth-child(3)>div>p:nth-child(2) {
    font-size: .24rem;
}

.mky_news_middle_adv>div:nth-child(3)>a {
    display: block;
    background: #5ec0d9;
    width: 1.2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    border-radius: 0.24rem;
    margin: 0 auto;
    font-size: 0.22rem;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    float: right;
    margin-top: .25rem;
}

.mky_news_middle_adv>p:nth-child(4) {
    padding: 0 .15rem;
    font-size: .25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: .15rem;
}

.mky_news_middle_adv>p:nth-child(3) {
    padding: .15rem .25rem;
    font-size: .24rem;
    color: #999;
    overflow: hidden;
}

.mky_news_middle_adv>p:nth-child(3)>i,
.mky_news_middle_adv>p:nth-child(3)>span {
    position: relative;
    top: 6px;
}

.mky_news_middle_adv>p:nth-child(3)>i {
    margin-right: 2.5px;
    border: 0.5px solid #666;
    border-radius: 50%;
    width: 13px;
    text-align: center;
    font-size: 7px;
    padding: 2px;
}

.mky_news_middle_adv>p:nth-child(3)>span:nth-child(2) {
    margin-right: .2rem;
}

.mky_news_middle_adv>p:nth-child(3)>a:nth-child(4) {
    border: 0.5px solid #1c7ff9;
    padding: 0 12.5px;
    height: 27px;
    border-radius: 2.5px;
    color: #1c7ff9;
    line-height: 27px;
    font-size: 13px;
    float: right
}



/*游戏详情*/
section {
    display: block;
}

.player_xsoft_info {
    padding: 10px 0;
    background: #fff;
}

.player_xsoft_info .player_soft_img {
    position: relative;
    width: 110px;
    height: 110px;
    margin: 0 auto;
    margin-top: 6px;
}

.player_xsoft_info .player_soft_img img {
    width: 110px;
    height: 110px;
    border-radius: 16px;
}

.player_xsoft_info h1 {
    font-size: 17px;
    color: #222;
    height: 33px;
    line-height: 33px;
    overflow: hidden;
    font-weight: normal;
    font-weight: bold;
    text-align: center;
}

.pd_wrap {
    width: 100%;
    overflow: hidden;
    zoom: 1;
    padding-top: 10px;
}

.pd_in {
    position: relative;
    color: #AAAAAA;
    text-align: center;
    width: 33.3%;
    float: left;
}

.pd_in>div {
    font-size: 21px;
    color: #5d5d5d;
    margin-bottom: 8px;
    text-align: center;
}

.pd_in>div .icon1 {
    background-image: url(../images/icon-hot.png);
}

.pd_in>div .icon2 {
    background-image: url(../images/icon-star.png);
}

.pd_in>div .icon3 {
    background-image: url(../images/icon-score.png);
}

.pd_in>div i {
    position: relative;
    top: 1px;
    width: 20px;
    height: 21px;
    margin-right: 5px;
    display: inline-block;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.pd_in:not(:last-child):after {
    content: "";
    position: absolute;
    display: block;
    width: 1px;
    height: 30px;
    background: url(../images/icon-line.png) 0 0 /100% 100%;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}


.downbtn {
    padding-top: 15px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

.anddownload {
    text-align: center;
    color: #fff;
    background: linear-gradient(to right, #5ec0d9, #00AAD5);
    border-radius: 3px;
    height: 34px;
    font-size: 15px;
    line-height: 34px;
}

.anddownload i {
    width: 15.5px;
    height: 18px;
    background-position: -142px -44px;
    display: inline-block;
    position: relative;
    top: 3px;
    right: 9px;
    background-image: url(../images/icon.png);
    background-size: 375px 500px;
}


.iosdownload {
    text-align: center;
    color: #fff;
    background: linear-gradient(to right, #91b2f3, #6294f6);
    border-radius: 3px;
    height: 50px;
    font-size: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.iosdownload .guanwang {
    font-size: 12px;
}

.yuyuedownload {
    text-align: center;
    color: #fff;
    background: linear-gradient(to right, #efb174, #fe9f41);
    border-radius: 3px;
    height: 34px;
    font-size: 15px;
    line-height: 34px;
}

.helpBox {
    margin: 8px 0 0 0;
    color: #999;
    position: relative;
}

.helpBox input {
    position: absolute;
    top: 3px;
    left: 48px;
}

.advantage {
    margin: 5px 0 10px 0;
}

.advantage span {
    color: #999;
    margin: 0 8px;
    font-size: 12px;
}

.advantage span:nth-child(1) i {
    width: 13px;
    height: 12px;
    display: inline-block;
    background-position: -66px -50.5px;
    position: relative;
    top: 1.5px;
    right: 5px;
    background-image: url(../images/icon.png);
    background-size: 375px 500px;
}

.advantage span:nth-child(2) i {
    width: 13px;
    height: 12px;
    display: inline-block;
    background-position: -79px -50.5px;
    position: relative;
    top: 1.5px;
    right: 5px;
    background-image: url(../images/icon.png);
    background-size: 375px 500px;
}

.advantage span:nth-child(3) i {
    width: 13px;
    height: 12px;
    display: inline-block;
    background-position: -92px -50.5px;
    position: relative;
    top: 1.5px;
    right: 5px;
    background-image: url(../images/icon.png);
    background-size: 375px 500px;
}


/*down-rank*/
.down-rank {
    border-radius: 17px;
    border: solid 1px #ffdec0;
    margin: 12px 0px 0;
    padding: 6px;
    overflow: hidden;
    display: flex;
    justify-content: space-around;
}

.dr-list {
    overflow: hidden;
    float: left;
    margin-left: -2px;
    height: 20px;
    width: 66px;
}

.dr-list a {
    float: left;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    overflow: hidden;
    margin-left: 2px;
}

.dr-list a img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 6px;
}

.dr-tit {
    float: left;
    color: #3f3f3f;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin-left: 0px;
    width: 175px;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}

.dr-more {
    float: right;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #ff8b24;
}


/*详细信息*/
.player_right_soft_info .player_ginfoset {
    font-size: 12px;
    color: #808080;
    overflow: hidden;
    zoom: 1;
    padding: 0 10px;
    margin: 20px 0;
}

.player_ginfoset li:nth-child(2n+1) {
    width: 40% !important;
}

.player_right_soft_info .player_ginfoset li {
    width: 60%;
    float: left;
    line-height: 24px;
    color: #929292;
    height: 24px;
    overflow: hidden;
}

.player_right_soft_info .player_ginfoset li em {
    color: #5ec0d9;
}

.player_right_soft_info .player_ginfoset li:last-of-type {
    width: 100%;
    height: auto;
}

.player_right_soft_info .player_ginfoset li:last-of-type ul {
    display: flex;
    flex-direction: column;
}

.player_right_soft_info .player_ginfoset li:last-of-type ul li {
    width: 100% !important;
}



/*悬浮下载按钮*/
.m-hover-game-box {
    position: fixed;
    display: none;
    top: 0;
    z-index: 999;
    width: 100%;
    padding-bottom: 5px;
    background: #fafafa;
    -webkit-box-shadow: 0 1px .6rem 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px .6rem 0 rgba(0, 0, 0, .2);
}

.m-tr .m-td {
    display: inline-block
}

.m-hover-game-box .m-left {
    overflow: hidden;
    margin-left: 10px;
    width: 68%;
}

.m-hover-game-box .m-left img {
    float: left;
    margin-top: 8px;
    width: 36px;
    height: 36px;
    border-radius: 5px
}

.m-hover-game-box .m-left .m-intro-box {
    margin-top: 8px;
    margin-left: 45px
}

.m-hover-game-box .m-left .m-intro-box .u-title {
    overflow: hidden;
    color: #464646;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    -ms-text-overflow: ellipsis;
}

.m-hover-game-box .m-left .m-intro-box .u-type {
    color: #aaa;
    font-size: 12px;
}

.m-hover-game-box .m-right {
    width: 25%;
    vertical-align: top;
    text-align: right;
}

.m-hover-game-box .m-right .u-btn-dload {
    display: inline-block;
    margin-top: 13px;
    width: 90px;
    height: 30px;
    border: none;
    border-radius: 15px;
    background: linear-gradient(to right, #5ec0d9, #00AAD5);
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
}


/*反馈*/
input[type="button"],
input[type="text"],
input[type="submit"],
input[type="reset"] {
    appearance: none;
    -webkit-appearance: none;
}

textarea {
    appearance: none;
    -webkit-appearance: none;
}

/* .report{display: block;width: 24px;height: 30px;line-height: 14px;padding: 8px 0;position: fixed;left: 0;font-size: 14px;text-align: center;top: 387px;color: #999;border: 1px solid #999;z-index: 999999;background: #fff;border-radius: 3px;}
 */
.report {
    display: block;
    width: 58px;
    height: 24px;
    background: url(../images/report.png);
    float: right;
    text-indent: -999em;
}

#overbg {
    z-index: 9999;
    border: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 0.8;
    position: fixed;
    background-color: #000;
}

#popreport {
    z-index: 99999;
    position: fixed;
    padding: 8% 5%;
    color: #666;
    font-size: 14px;
    font-family: arial, "Microsoft Yahei";
    top: 5%;
    width: 75%;
    left: 7.5%;
    background: #fff;
    border-radius: 5px;
}

#popreport p {
    line-height: 24px
}

#popreport li {
    clear: both;
    margin: 5px 0;
}

#popreport li label {
    display: inline-block;
    line-height: 24px;
    margin-right: 12px;
    font-size: 16px;
}

#popreport li .othersp {
    margin-right: 0;
}

#popreport li label input.radios {
    margin-right: 7px;
    width: 16px;
    height: 16px;
    float: left;
    outline: none
}

#popreport li span {
    display: block;
    font-size: 16px;
    color: #444;
    line-height: 36px;
}

#popreport li input.other {
    width: 167px;
    float: right;
    height: 20px;
    margin-left: 10px;
    margin-top: -1px;
    margin-right: 0;
}

#popreport li input.text {
    border: 1px solid #cdcdcd;
    line-height: 26px;
    padding: 3px;
    font-size: 14px;
    color: #666;
    font-family: arial, "Microsoft Yahei";
}

#popreport li textarea.spec {
    border: 1px solid #cdcdcd;
    width: 95%;
    min-height: 40px;
    font-size: 14px;
    color: #666;
    resize: none;
    padding: 6px;
    font-family: arial, "Microsoft Yahei";
}

#popreport li input.textcode {
    width: 141px;
    border: 1px solid #cdcdcd;
    line-height: 26px;
    padding: 3px;
    font-size: 14px;
    color: #666;
    font-family: arial, "Microsoft Yahei";
}

#popreport li input.code {
    width: 141px;
    margin-right: 10px;
    float: left;
}

#popreport li #canvas {
    width: 100px;
    height: 34px;
    float: right;
    background: #ccc;
    border: 1px solid #ccc;
    border-radius: 5px;
}

#popreport li.submitw {
    text-align: center;
    padding: 20px 0 0 0;
    margin: 0;
}

#popreport li.submitw input {
    border: none;
    width: 120px;
    background: #69a921;
    color: #fff;
    height: 30px;
}

#popreport .pop_close {
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 10;
    top: 5px;
    right: 5px;
    color: #999;
    font-size: 30px;
    text-align: center;
    line-height: 30px;
    transform: rotate(45deg);
}


/*分页*/
#page {
    clear: both;
    margin: 0px;
    height: auto;
    font-size: 13px;
    padding-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 13px;
    text-align: center;
}

#page b.selected {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding: 0 13px;
    margin: 0 3px;
    color: #fff;
    background: #5ec0d9;
    border-radius: 4px;
    vertical-align: middle;
    font-size: 14px;
}

#page b.total {
    color: #aaa;
    /* display: inline-block; */
    display: none;
    font-size: 14px;
    margin-left: 3px;
}

#page a {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding: 0 13px;
    margin: 0 3px;
    color: #666;
    background: #eee;
    border-radius: 4px;
    vertical-align: middle;
    font-size: 14px;
    text-decoration: none;
}

#page strong.selected,
#page a:hover {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding: 0 13px;
    margin: 0 3px;
    color: #fff;
    background-color: #5ec0d9;
    /* border: 1px solid #5ec0d9; */
    border-radius: 4px;
    vertical-align: middle;
    font-size: 14px;
    text-decoration: none;
}

#page strong.total {
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #b2b2b2;
}

#page .normal:nth-child(n+5) {
    display: none;
}


/*相关版本*/
.content500 {
    max-height: 250px;
}

.version_more_ul {
    background-color: white;
    margin: 0px;
    padding: 2px 0px;
}

.version_more_ul li {
    /* margin: 10px 20px; */
    border: 1px solid #ECECEC;
    /* padding: 10px; */
    border-radius: 5px;
    margin: 0 auto 0.2rem;
}

.version_more_ul li:hover {
    background-color: #ECECEC;
}

.version_more_ul li a {
    color: #3f3f3f;
    width: auto !important;
    height: auto !important;
    background: #fff !important;
    margin: 0 !important;
    padding: 0.18rem !important;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}

.version_more_ul li h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 200px;
    font-size: 0.22rem;
}

.download_small {
    display: block;
    background: #fff;
    width: 1.2rem !important;
    height: 0.5rem;
    line-height: 0.45rem;
    border-radius: 0.24rem;
    border: 1px solid #5ec0d9;
    font-size: 0.22rem;
    color: #5ec0d9;
    text-align: center;
    white-space: nowrap;
    box-sizing: border-box;
}

.more_btn {
    background: #5ec0d9;
    margin: 0 auto 10px;
    width: 90%;
    text-align: center;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
}

/*ios-explain*/
.ios-explain {
    color: #F5AF52;
    font-size: 13px;
    margin-top: 10px;
    text-align: center;
}


/*996传奇盒子*/
.download-btn-996chuanqi {
    display: flex;
    justify-content: space-between;
}

.download-btn-996chuanqi a {
    font-size: 12px;
    display: block;
    width: 49%;
    border: 1px solid #e3040f;
    color: #e3040f;
    border-radius: 3px;
    height: 34px;
    line-height: 34px;
    box-sizing: border-box;
    position: relative;
}

.download-btn-996chuanqi a.hezi-download {
    color: #fff;
    background: linear-gradient(to right, #fe0385, #e3040f);
}

.download-btn-996chuanqi a.hezi-download::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 18px;
    position: relative;
    top: 5px;
    left: -10px;
    background-image: url('../images/chuanqi-996-icon.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.download-btn-996chuanqi-desc {
    margin-top: 10px;
    color: #999;
    border-radius: 3px;
    background-color: #fff0e2;
    padding: 6px;
    font-size: 12px;
    position: relative;
    width: auto !important;
    margin: 10px 0 !important;
}

.download-btn-996chuanqi-desc img {
    margin-right: 5px;
    width: auto;
    height: 16px;
    border-radius: 0px;
    margin-top: -3px;
    position: relative;
    top: 3px;
}

.animate {
    display: inline-block !important;
    /* padding-left: 20px; */
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    color: #999;
    white-space: nowrap;
    animation: 12s wordsLoop linear infinite normal;
}

@keyframes wordsLoop {
    0% {
        transform: translateX(160px);
        -webkit-transform: translateX(160px);
    }

    100% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }
}

@-webkit-keyframes wordsLoop {
    0% {
        transform: translateX(160px);
        -webkit-transform: translateX(160px);
    }

    100% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }
}


/*警告提示*/
.warning {
    background: #FFFED9;
    border: 1px solid #FFD79D;
    color: #FF7F27;
    display: block;
    padding: 8px;
    font-size: 12px;
    width: 90%;
    margin: 0 auto 10px;
}


/*世界杯*/
.download-btn-sjb {
    display: flex;
    justify-content: space-between;
}

.download-btn-sjb a {
    font-size: 12px;
    display: block;
    width: 49%;
    border: 1px solid #e3040f;
    color: #e3040f;
    border-radius: 3px;
    height: 34px;
    line-height: 34px;
    box-sizing: border-box;
    position: relative;
}

.download-btn-sjb a.sjb-download {
    color: #fff;
    /* background: linear-gradient(to bottom, #504F53, #232227); */
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #3bca7a;
    background: #3bca7a;
}

.download-btn-sjb a.sjb-download img:nth-child(1) {
    height: 24px;
    margin-right: 10px;
    border-radius: 5px;
}

.download-btn-sjb a.sjb-download img:nth-child(2) {
    height: 24px;
}

.download-btn-sjb-desc {
    color: #999;
    font-size: 12px;
    width: 100% !important;
    margin: 10px 0 !important;
}

.download-btn-sjb-desc img {
    width: 100%;
    height: auto;
}


.showMore {
    margin: 0 auto;
    text-align: center;
    width: 200px;
    background: #eee;
    border-radius: 20px;
    padding: 7px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 12px;
}

.showDown li:nth-child(5)~li {
    display: none;
}



#nTab {
    clear: both;
    height: 34px;
    margin: 10px;
    border: 1px solid #00AAD5;
    border-radius: 4px;
    background: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    text-align: center;
}

@-moz-document url-prefix() {
    #nTab {
        width: -moz-calc(100% - 22px);
    }
}

#nTab a,
#nTab span {
    line-height: 34px;
    font-size: 14px;
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1;
    box-flex: 1.0;
    display: block;
    text-align: center;
    color: #00AAD5;
    cursor: pointer;
}

#nTab a:not(:last-child),
#nTab span:not(:last-child) {
    border-right: 1px solid #00AAD5;
}

#nTab a.cur,
#nTab span.cur {
    background: #00AAD5;
    color: #fff;
}

/* zixun */

.yxk-library {
    width: 100%;
    background: #fff;
    margin: 0 0 6px 0;
    -webkit-box-shadow: 0 3px 3px #ebebeb;
    -moz-box-shadow: 0 3px 3px #ebebeb;
    box-shadow: 0 3px 3px #ebebeb;
}

.yxk-cont1 {
    display: block;
    margin: 0 12px;
    border-top: 1px solid #f6f6f6;
}

.yxk-cont1 ul {
    padding-bottom: 15px;
    overflow: hidden;
    border-bottom: 1px solid #f6f6f6;
}

.yxk-cont1 ul li {
    display: inline-block;
    width: 20%;
    margin-top: 15px;
    text-align: center;
}

.yxk-cont1 ul li a {
    display: inline-block;
    border: 1px solid #ddd;
    width: 90%;
    margin: 0 auto;
    border-radius: 4px;
    height: 28px;
    line-height: 28px;
    background: #f6f6f6;
}

.yxk-cont1 ul li span {
    display: inline-block;
    border: 1px solid #ddd;
    width: 90%;
    margin: 0 auto;
    border-radius: 5px;
    height: 28px;
    line-height: 28px;
    background: url(../../img/comm/ico-opmor.png) no-repeat center;
}

.yxk-cont1 .currC a {
    background: #ff9d01;
    color: #fff;
    border: 1px solid #ff9d01;
}

.article-list {
    width: 100%;
    -webkit-box-shadow: 0 3px 3px #ebebeb;
    -moz-box-shadow: 0 3px 3px #ebebeb;
    box-shadow: 0 3px 3px #ebebeb;
}

.Cont5 {
    background: #fff;
    display: block;
}

.Cont5 ul {
    display: block;
    overflow: hidden;
}

.Cont5 ul li {
    display: block;
    padding: 10px 12px;
    border-bottom: 1px solid #f5f5f5;
    overflow: hidden;
}

.Cont5 ul li:active {
    background-color: #eee;
}

.Cont5 ul li:last-child {
    border: none;
}

.Cont5 ul li>a {
    float: left;
    width: 88px;
    height: 58px;
    text-align: center;
    overflow: hidden;
    border-radius: 5px;
}

.Cont5 ul li>a img {
    height: 100%;
}

.Cont5 ul li>dl {
    display: block;
    margin-left: 98px;
}

.Cont5 ul li>dl dt {
    height: 40px;
    overflow: hidden;
}

.Cont5 ul li>dl dt a {
    display: inline-block;
    font: 16px Helvetica Regular, '方正中等线', Microsoft YaHei, sans-serif, '宋体', Tahoma;
    color: #333;
    line-height: 20px;
}

.Cont5 ul li>dl dd {
    display: table-cell;
    font-size: 10px;
    color: #999;
    height: 18px;
    vertical-align: bottom;
}

.Cont5 ul li>dl dd em {
    display: inline-block;
    margin-left: 5px;
}

/*  */

/* zixun-detail */
/* Article */
.Article {
    display: block;
}

/* article_head */
.article_head {
    padding: 12px;
    background: #fff;
    border-bottom: 1px solid #f5f5f5;
}

.article_head .title {
    margin-bottom: 15px;
}

.article_head h1 {
    font-size: 18px;
    color: #333;
    margin-bottom: 4px;
}

.article_head p {
    font-size: 12px;
    color: #999;
}

.article_head p span {
    color: #90bcf2;
    margin-right: 10px;
}

/* article_cont */
.article_cont {
    padding: 0 12px;
    background: #fff;
    padding-top: 5px;
}

.article_cont>p {
    font-size: 14px;
    color: #333;
    line-height: 24px;
    padding-top: 15px;
}

.article_cont a {
    color: #4c33e5;
}

.article_cont>p:first-child {
    padding-top: 0px;
}

.article_cont img {
    width: auto;
    max-width: 85% !important;
    height: initial !important;
}

.article_cont>h3 {
    font-size: 14px;
    color: #333;
    line-height: 16px;
    margin-top: 15px;
    padding-left: 28px;
    /*border-left: 3px solid #29cbcd;*/
}

.article_cont>.Video {
    margin: 15px 12px;
    overflow: hidden;
    background: #222;
}

.article_cont>.Table {
    width: 100%;
    margin: 15px 0;
}

/*  */
/* 相关新闻 */
.N-skills {
    background: #fff;
}

.newHead1 {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.head1 {
    display: -webkit-box;
    display: -webkit-flex;
    height: 44px;
    font-size: 14px;
    white-space: nowrap;
    background-color: #fff;
    -webkit-align-content: flex-start;
    -webkit-align-items: stretch;
    -webkit-box-align: stretch;
    -webkit-box-direction: normal;
    -webkit-box-lines: single;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: justify;
    -webkit-flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    padding: 0 16px;
}

.newHead1 h2 {
    display: block;
    overflow: hidden;
    width: 16.66666667%;
    height: 43px;
    padding: 0 14px 0 15px;
    line-height: 44px;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;
    list-style: none;
    color: #333;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
}

.newHead1 .on {
    border-bottom: 1px solid #00AAD5;
    color: #00AAD5;
}

.morbtn2 {
    height: 30px;
    margin: 0 12px;
    display: block;
    text-align: center;
    color: #00AAD5;
    border-radius: 20px;
    line-height: 30px;
    font-size: 14px;
}

/*  */
/* 热门推荐 */
.Head1 {
    display: block;
    padding: 0 12px;
    overflow: hidden;
}

.Head1 h2 {
    float: left;
    color: #333;
    font-size: 16px;
    line-height: 42px;
}

.download-recommend {
    overflow: hidden;
    background: -webkit-linear-gradient(left, #00AAD5 0%, #5ec0d9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#29cbcd', endColorstr='#5ec0d9', GradientType=1);
    background: linear-gradient(to right, #00AAD5 0%, #5ec0d9 100%);
    border-radius: 0.1rem;
    width: 96% !important;
    height: 145px !important;
    margin: 0 auto;
}

.recon-header {
    padding-top: 5px;
    text-align: center;
    color: #FFF;
}

.recon-header p {
    line-height: 1.4;
    font-size: 18px;
}

.recon-header p .iconfont {
    font-size: 25px;
}

.pui-fluid {
    width: 100% !important;
    height: 127.5px;
}

.download-recommend .pui-fluid .pui-row {
    padding-top: 40px;
    width: 100%;
    height: 127.5px;
}

.pui-col-3,
.pui-col-4,
.pui-col-6 {
    box-sizing: border-box;
    padding: 0 0.2rem;
    float: left;
}

.pui-col-4 {
    width: 33.33%;
}

.pui-recon-box {
    text-align: center;
    position: relative;
    display: block;
    background: #FFF;
    width: 85px;
    height: 78.5px;
    border-radius: 7.5px;
    margin: 0 auto;
}

.pui-recon-box .pic {
    position: absolute;
    left: 27px !important;
    top: -22.5px;
    margin-left: -0.45rem;
    width: 45px;
    height: 45px;
    border: 2px solid #fff;
    border-radius: 7.5px;
}

.pui-recon-box .pic img {
    width: 45px;
    height: 45px;
}

.pui-recon-box .recon-tit {
    font-size: 14px;
    padding-top: 27.5px;
    height: 22px;
    overflow: hidden;
}

.pui-recon-box .item {
    font-size: 12px;
    line-height: 1.4;
    color: #999;
}

.Min_c {
    display: block;
    background: #fff;
    margin-bottom: 10px;
}


.Min_c ul {
    display: block;
    overflow: hidden;
}

.Min_c ul li {
    position: relative;
    padding: 15px 12px 18px 12px;
    overflow: hidden;
}

.Min_c ul li:active {
    background: #eee;
}

.Min_c ul li:last-child {
    border-bottom: none;
}

.Min_c ul li>a.C2-explain {
    float: left;
}

.Min_c ul li .C2-explain div {
    display: inline-block;
    position: relative;
}

.Min_c ul li .C2-explain div .span1 {
    display: block;
    position: absolute;
    top: -5px;
    left: -5px;
    width: 40px;
    height: 19px;
    text-align: center;
    line-height: 19px;
    color: #fff;
    border-radius: 10px;
    background: #14ccad;
    font-size: 12px;
}

.Min_c ul li .C2-explain div .span2 {
    display: block;
    position: absolute;
    top: -5px;
    left: -5px;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    text-align: center;
    line-height: 22px;
    color: #fff;
    font-size: 15px;
    background: #cccccc;
}

.Min_c ul li .C2-explain div img {
    display: inline-block;
    width: 57.5px;
    height: 57.5px;
    border-radius: 10px;
    background: #969696;
}

.Min_c ul li a.l_btn {
    float: right;
    text-align: center;
    color: #fff;
    line-height: 28px;
    width: 57.5px;
    background: #00AAD5;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.Min_c ul li a.l_btn:active {
    opacity: .8;
}

.Min_c ul li .sub {
    display: block;
    height: 57.5px;
    margin: 0 67.5px;
    position: relative;
}

.Min_c ul li .sub div {
    width: 100%;
}

.Min_c ul li .sub a {
    display: inline-block;
    max-height: 20px;
    color: #333;
    font: 16px Helvetica Regular, '鏂规涓瓑绾�', Microsoft YaHei, sans-serif, '瀹嬩綋', Tahoma;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.Min_c ul li .sub p {
    display: block;
    color: #555555;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 13px;
    margin-top: 2.5px;
}

.Min_c ul li .sub dl {
    display: block;
    overflow: hidden;
}

.Min_c ul li .sub dt,
.sub dd {
    display: inline-block;
    float: left;
    color: #888;
    margin-right: 10px;
}

.Min_c ul li .sub dt span {
    color: #ff3f3f;
}

/* header s&l */

.language-toggle {
    width: 1.44rem;
    height: 0.58rem;
    background-color: #00AAD5;
    border-radius: 0.30rem;
    text-align: center;
    line-height: 0.58rem;
    color: #fff;
    font-size: 0.22rem;
    position: relative;
    margin-left: 0.10rem;
}

.language-current::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 0.10rem solid transparent;
    border-right: 0.10rem solid transparent;
    border-top: 0.10rem solid white;
    margin-left: 0.10rem;
}

.language-list {
    cursor: pointer;
    position: absolute;
    z-index: 99;
    border-radius: 0.20rem;
    /* left: 37%; */
    background-color: #00AAD5;
    text-align: center;
    width: 1.44rem;
}

.language-list a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #FFF;
}

#searchForm {
    width: 3.58rem;
    height: 0.58rem;
    line-height: 0.58rem;
    background-color: #eee;
    border-radius: 0.30rem;
    margin-left: 0.10rem;
    position: relative;
}

.findIpt {
    width: 80%;
    height: 100%;
    border: none;
    background-color: transparent !important;
    padding: 0 0.20rem;
    box-sizing: border-box;
    font-size: inherit;
    border-radius: inherit;
}

.findIpt:focus {
    background-color: transparent !important;
}

.findIpt::placeholder {
    color: #999;
}

.findIpt::-webkit-input-placeholder {
    color: #999;
}

.findIpt::-moz-placeholder {
    color: #999;
}

.findIpt:-ms-input-placeholder {
    color: #999;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #eee inset !important;
    -webkit-text-fill-color: #000 !important;
}

.header-search-btn {
    position: absolute;
    right: 0.00rem;
    height: 0.58rem;
    width: 0.72rem;
    text-align: center;
    background: none;
    /* background-color: rgba(255, 255, 255, 0.4); */
    line-height: 0.58rem;
    border-radius: 0 0.30rem 0.30rem 0;
    border: none;
}

.header-search-btn i {
    display: inline-block;
    width: 0.48rem;
    height: 0.48rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.header-search-btn i img {
    width: 0.48rem;
    height: 0.48rem;
}


/* version */
.related_versions {
    padding: 0.33rem 0 0.34rem 0;
    border-bottom: 0.1rem solid #f6f7fa;
}

.hHauto {
    height: auto;
    padding: 0 0 0.20rem;
}

.hHauto li {
    height: 0.92rem;
    line-height: 0.92rem;
    border-bottom: 0.02rem dashed #ddd;
    font-size: 0.26rem;
    overflow: hidden;
    padding: 0 0.24rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hHauto li a.bt {
    width: 1.8rem;
    height: 0.92rem;
    color: #333;
    font-size: 0.30rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hHauto li span {
    display: block;
    color: #8e9096;
    font-size: .24rem;
    width: 1.8rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hHauto li a.down {
    display: block;
    padding: 0 .16rem;
    position: relative;
    height: 0.52rem;
    line-height: 0.52rem;
    background: #2dbaed;
    border-radius: 0.10rem;
    color: #fff;
    text-align: center;
}

/* search */
.sous {
    float: right;
    width: 10.60rem;
    height: 1.36rem;
    margin-top: 0.62rem;
}

.search {
    width: 10.52rem;
    height: 0.68rem;
    border: 0.04rem solid #00AAD5;
    position: relative;
}

.search .text {
    height: 0.38rem;
    width: 8.60rem;
    float: left;
    background: none;
    outline: none;
    color: #999;
    font-size: 0.28rem;
    border: none;
    padding: 0.16rem 0.20rem;
}

.search .button {
    width: 1.44rem;
    height: 0.68rem;
    font-size: 0.28rem;
    background: #00AAD5;
    color: #FFF;
    border: none;
    outline: none;
    float: right;
    cursor: pointer;
}

.current_box {
    float: right;
    line-height: 0.56rem;
    padding: 0 0.20rem;
    color: #6f6f6f;
    position: relative;
    border: 0.02rem solid #E7E7E7;
    /* display: inline-block; */
    background-color: #00AAD5;
    margin: 0.62rem 0.00rem 0.00rem 0.20rem;
    -webkit-border-radius: 0.08rem;
    -moz-border-radius: 0.08rem;
    border-radius: 0.08rem;
}

.current_lang {
    font-size: 0.28rem;
    min-width: 1.30rem;
    height: 0.74rem;
    line-height: 0.74rem;
    cursor: pointer;
    position: relative;
    color: #fff;
}

.current_lang::after {
    content: " ";
    position: absolute;
    right: -0.12rem;
    top: 0.32rem;
    /* opacity: .4; */
    border-left: 0.08rem solid transparent;
    border-right: 0.08rem solid transparent;
    border-top: 0.08rem solid #fff;
}

.current_lang:hover::after {
    transform: rotate(180deg);
}

.menu_list {
    position: absolute;
    display: none;
    background: #00AAD5;
    /* bottom: 0.80rem; */
    -webkit-filter: drop-shadow(0 0 0.10rem rgba(0, 0, 0, 0.15));
    filter: drop-shadow(0 0 0.10rem rgba(0, 0, 0, 0.15));
    left: 0;
    -webkit-border-radius: 0.08rem;
    -moz-border-radius: 0.08rem;
    border-radius: 0.08rem;
    z-index: 999999;
}

.menu_body {
    display: block;
    overflow: hidden;
    padding: 0.10rem 0;
}

.menu_body ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow-y: auto;
    text-align: center;
}

.menu_body ul li {
    width: 100%;
}

.menu_body a {
    /* width: 100%; */
    font-size: 0.32rem;
    white-space: nowrap;
    background: none;
    padding: 0.10rem;
    height: auto;
    line-height: 0.30rem;
    font-weight: 400;
    text-decoration: none;
    color: #fff;
}

.menu_body li:hover {
    background: #49c4e3;
}

/* search */
.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0.16rem;
    padding-right: 0.16rem;
    padding-bottom: 0.3rem !important;
    padding-top: 0.3rem !important;
    box-sizing: border-box;
}

.font-weight-bold {
    font-weight: 700 !important;
    margin-bottom: 0.48rem !important;
    font-size: .48rem;
    line-height: 1.2;
    color: #212529;
}

.row {
    margin-left: -0.16rem;
    margin-right: -0.16rem;
}

.col-xl-4 {
    width: 100%;
    padding-left: 0.16rem;
    padding-right: 0.16rem;
    box-sizing: border-box;
    margin-bottom: .32rem;
}

.text-bod {
    color: #212529 !important;
    box-shadow: 0 0.04rem 0.08rem rgba(0, 0, 0, .075) !important;
    height: 100% !important;
    position: relative !important;
    overflow: hidden !important;
    display: block !important;
    border-radius: 0.08rem !important;
    border: 0.02rem solid #dee2e6 !important;
    background-color: #fff !important;
    transition: all .3s ease 0s;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important
}

.text_info {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600 !important;
    width: 100% !important;
    font-size: 0.32rem;
}

.text_size {
    font-size: 0.26rem;
    color: #6c757d !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
}

.svg-secondary {
    fill: #00AAD5;
    width: 0.32rem;
    height: 0.32rem;
    margin-right: 0.08rem !important;
    overflow: hidden;
    vertical-align: middle;
}

.align-middle {
    vertical-align: middle !important;
}

.row_right {
    display: flex;
    flex-direction: column;
}

.rounded-lg {
    border-radius: .18rem !important;
}

footer p a {
    color: #fff;
}

/* games_fold */

.panel-bd {
    font-size: 0.24rem;
    color: #828282;
    line-height: 0.32rem;
    max-height: 4.80rem;
    overflow: hidden;
}

.panel-ft {
    box-sizing: border-box;
    text-align: center;
    font-size: 0.24rem;
    line-height: 0.32rem;
    color: #3bc2cf;
    padding: 0.10rem 0.10rem 0.10rem 0.20rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, .6) 0, #fff 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.80rem;
    line-height: 0.60rem;
    display: block;
}

.toggle-more {
    display: block;
}

.toggle-less {
    display: none;
}

.panel-bd.expand {
    max-height: inherit;
    padding-bottom: .8rem
}

.panel-ft.expand .toggle-more {
    display: none
}

.panel-ft.expand .toggle-less {
    display: block
}